*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gold: #d4a574;--secondary-gold: #b8956a;--dark-brown: #5d4e37;--light-cream: #faf8f5;--soft-white: #ffffff;--text-dark: #333333;--text-light: #666666;--accent-green: #2c5f2d;--shadow: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .2)}body{font-family:Open Sans,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--light-cream)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:Playfair Display,serif;font-weight:600}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:var(--dark-brown)}h3{font-size:1.8rem;margin-bottom:1rem;color:var(--dark-brown)}.hero-section{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0006,#0006),url(/images/first-main-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="hearts" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><text x="10" y="15" text-anchor="middle" fill="rgba(255,255,255,0.1)" font-size="12">♥</text></pattern></defs><rect width="100" height="100" fill="url(%23hearts)"/></svg>');opacity:.3}.hero-content{text-align:center;z-index:2;color:var(--soft-white)}.couple-names{margin-bottom:2rem}.groom-name,.bride-name{font-family:Dancing Script,cursive;font-size:4rem;font-weight:700;line-height:1.2;text-shadow:2px 2px 4px var(--shadow-dark)}.separator{font-family:Dancing Script,cursive;font-size:3rem;margin:0 1rem;opacity:.8}.wedding-date{margin-bottom:3rem}.date-text{font-size:1.2rem;font-weight:300;margin-bottom:.5rem;opacity:.9}.main-date{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;text-shadow:1px 1px 2px var(--shadow-dark)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.main-nav{background:var(--soft-white);box-shadow:0 2px 10px var(--shadow);position:sticky;top:0;z-index:100}.main-nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.main-nav li{margin:0 1rem}.main-nav a{display:block;padding:1rem;text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s ease;position:relative}.main-nav a:hover{color:var(--primary-gold)}.main-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gold);transition:all .3s ease}.main-nav a:hover:after{width:100%;left:0}section{padding:5rem 0}.story-section{background:var(--soft-white)}.story-content{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.8}.story-content p{margin-bottom:1.5rem}.signature{font-family:Dancing Script,cursive;font-size:1.5rem;color:var(--primary-gold);margin-top:2rem}.details-section{background:var(--light-cream)}.event-details-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}@media (max-width: 768px){.event-details-layout{grid-template-columns:1fr}}.venue-details{display:flex;align-items:center;justify-content:center}.venue-info{background:var(--soft-white);padding:3rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px var(--shadow);width:100%}.venue-info h3{font-family:Dancing Script,cursive;font-size:2.5rem;color:var(--primary-gold);margin-bottom:1.5rem}.venue-info .address{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.venue-info .salon{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-dark)}.venue-info .time{font-size:1.3rem;font-weight:700;color:var(--primary-gold)}.venue-photos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:400px}.venue-photo{width:100%;height:100%;object-fit:cover;border-radius:15px;box-shadow:0 5px 20px var(--shadow);transition:transform .3s ease}.venue-photo:first-child{max-height:400px}.venue-photo:last-child{grid-column:2;grid-row:1;height:400px;object-position:center}.venue-photo:hover{transform:scale(1.02)}.event-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-bottom:4rem}.detail-card{background:var(--soft-white);padding:3rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px var(--shadow);transition:transform .3s ease}.detail-card:hover{transform:translateY(-5px)}.detail-card i{font-size:3rem;color:var(--primary-gold);margin-bottom:1.5rem}.detail-card h3{margin-bottom:1.5rem;font-size:1.5rem}.time{font-size:1.2rem;font-weight:600;color:var(--primary-gold);margin-bottom:1rem}.location{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.address{color:var(--text-light);font-style:italic}.gift-section{background:var(--soft-white);padding:3rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px var(--shadow)}.gift-preferences{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.gift-option{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:var(--light-cream);border-radius:10px;transition:background .3s ease}.gift-option:hover{background:var(--primary-gold);color:var(--soft-white)}.gift-option i{font-size:1.5rem;color:var(--primary-gold)}.gift-option:hover i{color:var(--soft-white)}.countdown-section{background:linear-gradient(135deg,var(--dark-brown) 0%,var(--accent-green) 100%);color:var(--soft-white)}.countdown-section h2{color:var(--soft-white)}.countdown-timer{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;gap:1.5rem!important;max-width:100%!important;margin:2.5rem auto 0!important}.time-unit{text-align:center;background:#ffffff1a;padding:2rem;border-radius:15px;backdrop-filter:blur(10px)}.time-unit span{display:block;font-size:3rem;font-weight:700;font-family:Playfair Display,serif;margin-bottom:.5rem}.time-unit label{font-size:1rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.family-section{background:var(--light-cream)}.families{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem}.family-side{text-align:center}.family-members{display:grid;gap:2rem;margin-top:2rem}.family-member{background:var(--soft-white);padding:2rem;border-radius:15px;box-shadow:0 3px 15px var(--shadow)}.family-member h4{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--dark-brown);margin-bottom:.5rem}.family-member p{color:var(--text-light);font-style:italic}.rsvp-section{background:var(--light-cream)!important;padding:5rem 0!important}.rsvp-section .container{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}.rsvp-section .card,.rsvp-form{background:var(--soft-white)!important;border-radius:15px!important;box-shadow:0 5px 20px var(--shadow)!important;border:none!important;position:relative!important;padding:3rem 2rem!important;margin:0 auto!important;max-width:600px!important;transition:transform .3s ease!important}.rsvp-section .card:hover,.rsvp-form:hover{transform:translateY(-5px)!important}.rsvp-section h2{font-family:Playfair Display,serif!important;font-size:2.5rem!important;margin-bottom:2rem!important;text-align:center!important;color:var(--dark-brown)!important;font-weight:600!important}.rsvp-section p,.rsvp-description{font-family:Open Sans,sans-serif!important;font-size:1.1rem!important;color:var(--text-light)!important;margin-bottom:3rem!important;text-align:center!important;line-height:1.6!important}.rsvp-section .form-group{margin-bottom:2rem!important}.rsvp-section .form-group label,.rsvp-section label{display:block!important;margin-bottom:.5rem!important;font-family:Open Sans,sans-serif!important;font-weight:600!important;color:var(--dark-brown)!important;font-size:1rem!important}.rsvp-section input,.rsvp-section select,.rsvp-section textarea,.rsvp-section .form-group input,.rsvp-section .form-group select,.rsvp-section .form-group textarea{width:100%!important;padding:1rem!important;border:2px solid #e0e0e0!important;border-radius:10px!important;font-size:1rem!important;font-family:Open Sans,sans-serif!important;background:var(--soft-white)!important;transition:border-color .3s ease!important;color:var(--text-dark)!important}.rsvp-section input:focus,.rsvp-section select:focus,.rsvp-section textarea:focus,.rsvp-section .form-group input:focus,.rsvp-section .form-group select:focus,.rsvp-section .form-group textarea:focus{outline:none!important;border-color:var(--primary-gold)!important}.rsvp-section input[readonly],.rsvp-section .guest-names-input[readonly]{background:var(--light-cream)!important;border-color:#d0d0d0!important;cursor:default!important;font-weight:600!important;color:var(--dark-brown)!important}.rsvp-section input[readonly]:focus{border-color:#d0d0d0!important;box-shadow:none!important}.rsvp-section textarea{resize:vertical!important}.rsvp-section button,.rsvp-section .submit-btn,.rsvp-section .btn{width:100%!important;padding:1.2rem!important;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--secondary-gold) 100%)!important;color:var(--soft-white)!important;border:none!important;border-radius:10px!important;font-size:1.1rem!important;font-family:Open Sans,sans-serif!important;font-weight:600!important;cursor:pointer!important;transition:transform .3s ease!important}.rsvp-section button:hover,.rsvp-section .submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 5px 15px var(--shadow)!important}.rsvp-section input[type=radio]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important}.rsvp-section .radio-group{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.rsvp-section label{display:inline-flex!important;align-items:center!important;cursor:pointer!important;padding:.8rem 1.2rem!important;border-radius:25px!important;transition:all .3s ease!important;margin-bottom:.8rem!important;margin-right:1rem!important;border:1px solid #e0e0e0!important;background:var(--soft-white)!important;font-size:1rem!important;white-space:nowrap!important}.rsvp-section label:hover{background-color:var(--light-cream)!important;border-color:var(--primary-gold)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px var(--shadow)!important}.rsvp-section input[type=radio]:checked+label,.rsvp-section label:has(input[type=radio]:checked){background-color:var(--primary-gold)!important;border-color:var(--primary-gold)!important;color:var(--soft-white)!important;transform:translateY(-1px)!important;box-shadow:0 3px 12px #d4a57466!important}.rsvp-section .section-divider{height:1px!important;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent)!important;margin:3rem 0!important;position:relative!important}.rsvp-section .section-divider:after{content:"♦"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:var(--soft-white)!important;color:var(--primary-gold)!important;padding:0 1rem!important;font-size:.8rem!important}.rsvp-section .section-header{text-align:center!important;margin:2rem 0 1.5rem!important}.rsvp-section .section-header h3{font-family:Playfair Display,serif!important;font-size:1.5rem!important;color:var(--dark-brown)!important;margin-bottom:.5rem!important;position:relative!important}.rsvp-section .section-header p{color:var(--text-light)!important;font-size:.95rem!important;font-style:italic!important}.rsvp-section .form-group{position:relative!important;margin-bottom:2rem!important}.rsvp-section .form-group:has(input[type=radio]){margin-bottom:2.5rem!important}.rsvp-section .radio-group label:last-child{margin-right:0!important}.rsvp-section .form-group>label:first-child,.rsvp-section .form-label{display:block!important;margin-bottom:.5rem!important;padding:0!important;border:none!important;background:transparent!important;font-weight:600!important;color:var(--dark-brown)!important;font-size:1rem!important;margin-right:0!important}.rsvp-section .form-group label:not([for]){display:block!important;margin-bottom:.5rem!important;padding:0!important;border:none!important;background:transparent!important;font-weight:600!important;color:var(--dark-brown)!important}.rsvp-section .radio-group{margin-top:.5rem!important}.rsvp-section label span,.rsvp-section label{font-family:Open Sans,sans-serif!important;font-size:1rem!important;font-weight:500!important;color:var(--text-dark)!important;line-height:1.4!important;transition:color .3s ease!important}.rsvp-section input[type=radio]:checked+label,.rsvp-section label:has(input[type=radio]:checked){color:var(--soft-white)!important}.rsvp-section label:contains("😢"){border-color:#e74c3c!important}.rsvp-section label:contains("😢"):hover{background-color:#ffeaea!important;border-color:#e74c3c!important}.rsvp-section input[type=radio]:checked+label:contains("😢"),.rsvp-section label:has(input[type=radio]:checked):contains("😢"){background-color:#e74c3c!important;border-color:#e74c3c!important;color:var(--soft-white)!important}.rsvp-section .component-separator{margin:3rem 0!important;text-align:center!important;position:relative!important}.rsvp-section .component-separator:before{content:""!important;position:absolute!important;top:50%!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg,transparent 0%,var(--primary-gold) 20%,var(--secondary-gold) 50%,var(--primary-gold) 80%,transparent 100%)!important;opacity:.6!important}.rsvp-section .component-separator:after{content:"♦ ♦ ♦"!important;background:var(--soft-white)!important;color:var(--primary-gold)!important;padding:0 2rem!important;font-size:.9rem!important;letter-spacing:.5rem!important;position:relative!important;z-index:1!important}.rsvp-section .form-group+.form-group{border-top:1px solid rgba(212,165,116,.2)!important;padding-top:2rem!important;margin-top:2rem!important;position:relative!important}.rsvp-section .form-group+.form-group:before{content:""!important;position:absolute!important;top:-1px!important;left:50%!important;transform:translate(-50%)!important;width:30px!important;height:2px!important;background:var(--primary-gold)!important;border-radius:2px!important}.rsvp-section .form-group:first-child{border-top:none!important;padding-top:0!important;margin-top:0!important}.rsvp-section .form-group[data-guest-count-group]{background:#d4a5740d!important;border-radius:10px!important;padding:2rem!important;border:1px solid rgba(212,165,116,.2)!important}.rsvp-section .text-center{margin-top:3rem!important;padding-top:2rem!important;border-top:2px solid rgba(212,165,116,.3)!important;position:relative!important}.rsvp-section .text-center:before{content:"♦"!important;position:absolute!important;top:-8px!important;left:50%!important;transform:translate(-50%)!important;background:var(--soft-white)!important;color:var(--primary-gold)!important;font-size:1rem!important;padding:0 1rem!important}@media (max-width: 768px){.rsvp-section .card,.rsvp-form{padding:2rem 1.5rem!important;margin:1rem!important}.rsvp-section h2{font-size:2rem!important}.rsvp-section input,.rsvp-section select,.rsvp-section textarea{padding:.8rem!important;font-size:.9rem!important}.rsvp-section button,.rsvp-section .submit-btn{padding:1rem!important;font-size:1rem!important}.rsvp-section label{padding:.6rem 1rem!important;font-size:.9rem!important;margin-right:.5rem!important;margin-bottom:.6rem!important}.rsvp-section input[type=radio]{width:0!important;height:0!important;margin:0!important}.rsvp-section .radio-group{gap:.3rem!important}.rsvp-section .form-group>label:first-child,.rsvp-section .form-label{font-size:.9rem!important}.rsvp-section input[readonly],.rsvp-section .guest-names-input[readonly]{font-size:.9rem!important}}.contact-section{background:var(--light-cream);text-align:center}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:1.5rem;background:var(--soft-white);padding:2rem;border-radius:15px;box-shadow:0 3px 15px var(--shadow)}.contact-item i{font-size:2rem;color:var(--primary-gold)}.contact-item h4{margin-bottom:.5rem;color:var(--dark-brown)}.contact-item p{color:var(--text-light)}.footer{background:var(--dark-brown);color:var(--soft-white);text-align:center;padding:2rem 0}.footer p{opacity:.9}@media (max-width: 768px){.groom-name,.bride-name{font-size:2.5rem}.separator{font-size:2rem}.main-date{font-size:1.5rem}h2{font-size:2rem}.main-nav ul{flex-direction:column;align-items:center}.main-nav li{margin:0}.countdown-timer{grid-template-columns:repeat(2,1fr)}.time-unit span{font-size:2rem}.families{grid-template-columns:1fr}section{padding:3rem 0}}@media (max-width: 480px){.container{padding:0 15px}.groom-name,.bride-name{font-size:2rem}.event-details{grid-template-columns:1fr;gap:2rem}.gift-preferences{grid-template-columns:1fr}.countdown-timer{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important}.contact-info{grid-template-columns:1fr}}html{scroll-behavior:smooth}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}