:root{--gold:#d4af37;--gold-light:#f1e5ac;--emerald:#0a1f1c;--cream:#fdfaf0;--night-sky:#0f172a;--day-sky:#e0f2fe;--text-dark:#2c3e50;--text-light:#f8fafc;--transition:all .8s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--emerald);color:var(--text-dark);scroll-behavior:smooth;margin:0;padding:0;font-family:Josefin Sans,sans-serif;overflow-x:hidden}.envelope-wrapper{z-index:1000;background:radial-gradient(circle,#1a3a34 0%,#0a1f1c 100%);justify-content:center;align-items:center;width:100%;height:100vh;transition:transform 1.2s cubic-bezier(.7,0,.3,1),opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0}.envelope-wrapper.opened{opacity:0;pointer-events:none;transform:translateY(-100%)}.envelope{background:var(--emerald);border:2px solid var(--gold);cursor:pointer;width:320px;height:220px;transition:transform .3s;position:relative;box-shadow:0 30px 60px #00000080}.envelope:hover{transform:scale(1.02)}.envelope:before{content:"";border-left:160px solid #0000;border-right:160px solid #0000;border-top:110px solid var(--gold);z-index:2;transform-origin:top;width:0;height:0;transition:transform .6s;position:absolute;top:0;left:0}.envelope.open-anim:before{z-index:0;transform:rotateX(180deg)}.monogram{border:2px solid var(--gold);background:var(--emerald);width:70px;height:70px;color:var(--gold);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-family:Alex Brush,cursive;font-size:1.8rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #d4af374d}.envelope-hint{color:var(--gold);text-transform:uppercase;letter-spacing:4px;text-align:center;width:100%;font-size:.9rem;font-weight:600;position:absolute;bottom:15%}.main-container{background-color:var(--day-sky);min-height:100vh;transition:var(--transition);opacity:0;display:none;position:relative}.main-container.visible{opacity:1;display:block}body.night-mode .main-container{background-color:var(--night-sky);color:var(--text-light)}.theme-toggle{z-index:100;-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;display:flex;position:fixed;top:20px;left:15px;box-shadow:0 4px 15px #0000001a}.theme-toggle-label{font-size:.8rem;font-weight:600}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:gold;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#334155}input:checked+.slider:before{transform:translate(26px)}.mansion-illustration{height:50vh;transition:var(--transition);background:linear-gradient(#7dd3fc,#e0f2fe);position:relative;overflow:hidden}body.night-mode .mansion-illustration{background:linear-gradient(#0f172a,#1e293b)}.mansion-svg{z-index:2;width:100%;max-width:800px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mansion-window{fill:#fff;transition:var(--transition)}body.night-mode .mansion-window{fill:#fde047;filter:drop-shadow(0 0 8px #fde047)}.sky-animations{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shooting-star{top:var(--top);filter:drop-shadow(0 0 8px #fff);opacity:0;background:linear-gradient(90deg,#fff0,#fff);width:150px;height:2px;display:none;position:absolute;left:-150px;transform:rotate(35deg)}body.night-mode .shooting-star{animation:shooting var(--duration) linear infinite;animation-delay:var(--delay);display:block}@keyframes shooting{0%{opacity:0;transform:translate(0)translateY(0)rotate(35deg)}2%{opacity:1}60%{opacity:0;transform:translate(130vw)translateY(100vh)rotate(35deg)}to{opacity:0;transform:translate(130vw)translateY(100vh)rotate(35deg)}}.sun-flare{filter:blur(60px);z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffb466 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;transition:opacity 1s;position:fixed;top:5%;right:5%}body:not(.night-mode) .sun-flare{opacity:1;animation:12s ease-in-out infinite alternate sunPulse}@keyframes sunPulse{0%{opacity:.3;transform:scale(1)translate(0)}50%{opacity:.6;transform:scale(1.4)translate(-40px,40px)}to{opacity:.4;transform:scale(1.2)translate(20px,-20px)}}.stars{opacity:0;width:100%;height:100%;transition:var(--transition);pointer-events:none;position:absolute}body.night-mode .stars{opacity:1}.content-card{background:var(--cream);width:95%;max-width:700px;transition:var(--transition);z-index:10;border-radius:40px 40px 0 0;margin:-40px auto 0;padding:60px 30px;position:relative;box-shadow:0 -20px 50px #00000026}body.night-mode .content-card{color:var(--text-light);background:#1e293b;box-shadow:0 -20px 50px #0009}.names-header{text-align:center;margin-bottom:40px}.names-header h1{color:var(--gold);text-shadow:2px 2px 4px #0000000d;margin:0;font-family:Alex Brush,cursive;font-size:clamp(3rem,10vw,4.5rem)}.names-header h2{text-transform:uppercase;letter-spacing:6px;opacity:.8;margin-top:15px;font-family:Playfair Display,serif;font-size:.9rem}.section-title{text-align:center;text-transform:uppercase;letter-spacing:4px;color:var(--gold);margin:60px 0 30px;font-family:Playfair Display,serif;font-weight:700;position:relative}.section-title:after{content:"❦";opacity:.5;margin-top:5px;font-size:1.2rem;display:block}.details-grid{text-align:center;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:50px;display:grid}.detail-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff4d;border:1px solid #d4af374d;border-radius:20px;padding:25px;transition:transform .3s}body.night-mode .detail-item{background:#ffffff0d}.detail-item:hover{border-color:var(--gold);transform:translateY(-5px)}.detail-label{text-transform:uppercase;letter-spacing:2px;opacity:.7;margin-bottom:8px;font-size:.75rem}.detail-value{font-size:1.2rem;font-weight:600}.timeline{margin:40px 0;padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--gold), transparent);opacity:.4;width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{opacity:0;margin-bottom:35px;transition:all .6s;position:relative;transform:translate(-20px)}.timeline-item.reveal{opacity:1;transform:translate(0)}.timeline-item:before{content:"";background:var(--gold);width:14px;height:14px;box-shadow:0 0 10px var(--gold);border-radius:50%;position:absolute;top:8px;left:-46px}.timeline-time{color:var(--gold);margin-bottom:5px;font-size:1rem;font-weight:700}.btn-rsvp{background:var(--gold);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;cursor:pointer;border:none;border-radius:20px;width:100%;margin-top:50px;padding:20px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 15px 30px #d4af3766;text-decoration:none!important}.btn-rsvp:hover{background:#b8962d;transform:translateY(-5px);box-shadow:0 20px 40px #d4af3799}.btn-outline-gold{border-color:var(--gold);color:var(--text-dark);transition:all .3s}.btn-outline-gold:hover{background-color:var(--gold);color:#fff}body.night-mode .btn-outline-gold{color:var(--gold)!important;border-color:var(--gold)!important;background-color:#0000!important}body.night-mode .btn-outline-gold:hover{background-color:var(--gold)!important;color:var(--night-sky)!important}.countdown-wrapper{color:inherit;margin:20px auto}body.night-mode .countdown-item{background:#ffffff0d;border-color:#d4af374d}.reveal-section{opacity:0;transition:all 1s ease-out;transform:translateY(30px)}.reveal-section.active{opacity:1;transform:translateY(0)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (width<=576px){.content-card{padding:40px 20px}.details-grid{grid-template-columns:1fr}.names-header h1{font-size:3.2rem}}