.magic-page{--midnight:#071938;--royal:#123b72;--sky:#75b7e7;--ice:#eaf8ff;--gold:#e4bb5e;--rose:#efb8c7;background:var(--midnight);color:#fff;font-family:Georgia,Times New Roman,serif;overflow:hidden}.magic-gate{z-index:100;background:radial-gradient(circle at 50% 30%,#235f9c 0,#0b2b58 38%,#030a1c 100%);place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0;overflow:hidden}.magic-sky,.floating-lights{position:absolute;inset:0}.magic-sky i,.floating-lights i{background:#fff6c7;border-radius:50%;width:4px;height:4px;animation:2.4s infinite alternate twinkle;position:absolute;box-shadow:0 0 14px 5px #fff2a6}.magic-sky i:nth-child(3n),.floating-lights i:nth-child(3n){top:18%;left:15%}.magic-sky i:nth-child(3n+1),.floating-lights i:nth-child(3n+1){animation-delay:.8s;top:28%;left:78%}.magic-sky i:nth-child(3n+2),.floating-lights i:nth-child(3n+2){animation-delay:1.4s;top:10%;left:42%}.magic-sky i:nth-child(n+10),.floating-lights i:nth-child(n+8){transform:translate(calc((var(--i,1))*9vw),calc((var(--i,1))*7vh))}.magic-moon{filter:blur(2px);background:#eaf7ff;border-radius:50%;width:48vw;max-width:520px;height:48vw;max-height:520px;position:absolute;top:-15%;box-shadow:0 0 100px 30px #b9dcff80}.gate-castle{object-fit:contain;object-position:center bottom;filter:brightness(.65)saturate(.9);opacity:.75;width:min(1080px,130vw);height:88%;position:absolute;bottom:-10%}.gate-fairy{width:170px;animation:4s ease-in-out infinite float;position:absolute;top:8%;right:7%}.gate-carriage{filter:drop-shadow(0 15px 25px #0008);width:280px;animation:2.2s ease-out both carriageIn;position:absolute;bottom:2%;left:-2%}.gate-copy{z-index:4;text-align:center;text-shadow:0 3px 25px #000;width:min(90%,620px);padding:1rem;position:relative}.gate-copy>img{filter:drop-shadow(0 0 18px #fff8cf);width:110px}.gate-copy>p{text-transform:uppercase;letter-spacing:.28em;color:#fff2bb;font:600 .72rem Arial,sans-serif}.gate-copy h1{margin:.6rem 0 1.6rem;font-size:clamp(2.4rem,8vw,4.6rem);font-weight:400;line-height:1}.gate-copy h1 span{color:#ffd86e;text-shadow:0 0 24px #e5b95388;font-family:Joseph Sophia,cursive;font-size:1.35em}.gate-copy button{color:#173050;cursor:pointer;background:linear-gradient(135deg,#f8d980,#c99a38);border:1px solid #ffe29c;border-radius:999px;align-items:center;gap:.6rem;padding:1.05rem 1.5rem;font:700 .88rem Arial,sans-serif;animation:2s infinite pulse;display:inline-flex;box-shadow:0 0 40px #f6d47e70}.gate-copy button svg{width:18px}.magic-mist{filter:blur(35px);opacity:.32;background:#dbeeff;height:35%;position:absolute;inset:auto -10% -12%}.magic-hero{background:#90c3e4;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-castle-magic{object-fit:cover;filter:saturate(.95)brightness(.86);width:100%;height:100%;position:absolute;inset:0}.magic-vignette{background:linear-gradient(#07193835,#07193810 45%,#071938e8),radial-gradient(circle,#0000 35%,#06142d80);position:absolute;inset:0}.magic-crown{filter:drop-shadow(0 0 25px #ffe586);width:110px;position:absolute;top:3%;left:50%;transform:translate(-50%)}.magic-fairy{width:min(25vw,230px);animation:4s ease-in-out infinite float;position:absolute;top:12%;right:4%}.magic-princess{filter:drop-shadow(0 20px 35px #06234a66);width:min(44vw,480px);position:absolute;bottom:-5%;left:-3%}.magic-hero-copy{z-index:3;text-align:center;text-shadow:0 3px 24px #071938;width:min(88%,680px);padding:7rem 1rem 3rem;position:relative}.magic-hero-copy>p:first-child{text-transform:uppercase;letter-spacing:.2em;justify-content:center;align-items:center;gap:.5rem;font:600 .72rem Arial,sans-serif;display:flex}.magic-one{color:#fff;text-shadow:0 0 36px #dff5ff;font-size:clamp(7rem,28vw,12rem);line-height:.68;display:block}.magic-hero-copy small{margin-top:1rem;font-style:italic;display:block}.magic-hero-copy h1{color:#ffdd78;margin:.2rem 0;font-family:Joseph Sophia,cursive;font-size:clamp(5rem,19vw,9rem);font-weight:400;line-height:.9}.gold-thread{background:linear-gradient(90deg,#0000,#ffdd78,#0000);width:200px;height:1px;margin:1.2rem auto}.magic-invite{max-width:500px;margin:0 auto 1.7rem;line-height:1.7}.magic-hero-copy a,.royal-map{color:#19375d;background:#fff6dc;border-radius:999px;padding:1rem 1.4rem;font:700 .85rem Arial,sans-serif;text-decoration:none;display:inline-flex;box-shadow:0 10px 35px #07193855}.story-scroll{text-align:center;color:#153559;background:radial-gradient(circle at 50% 0,#fff 0,#e8f5ff 48%,#cfdfef 100%);padding:6rem 1.2rem;position:relative}.story-wand{filter:drop-shadow(0 12px 20px #31598233);width:170px;position:absolute;top:20px;right:-25px;transform:rotate(-18deg)}.magic-script{color:#b68a30;margin:0;font-family:Joseph Sophia,cursive;font-size:clamp(2rem,7vw,3.2rem)}.story-scroll h2,.ballroom h2,.magic-form h2{margin:.4rem 0 2rem;font-size:clamp(2rem,7vw,3.5rem);font-weight:400}.magic-countdown{justify-content:center;gap:.55rem;margin:0 auto 3rem;display:flex}.magic-countdown div{background:#ffffffc9;border:1px solid #e6c674;border-radius:1rem;width:clamp(66px,20vw,100px);padding:1rem .25rem;box-shadow:0 12px 34px #234f7920}.magic-countdown strong{color:#173d70;font:500 clamp(1.5rem,6vw,2.4rem) Arial,sans-serif;display:block}.magic-countdown span{text-transform:uppercase;letter-spacing:.12em;color:#71839a;font:600 .62rem Arial,sans-serif}.royal-invitation{background:linear-gradient(#fffdf7ed,#fffdf7ed),url(/elements/rose-pink.png) 100% 100%/210px no-repeat;border:1px solid #d7b45b;border-radius:2rem;width:min(100%,900px);margin:auto;padding:clamp(2rem,6vw,4.5rem);position:relative;box-shadow:0 28px 80px #294c7040}.royal-invitation:before{content:"";pointer-events:none;border:1px solid #d7b45b66;border-radius:1.5rem;position:absolute;inset:10px}.royal-crest{width:100px}.royal-invitation>p{text-transform:uppercase;letter-spacing:.22em;color:#8b6b30;font:600 .65rem Arial,sans-serif}.royal-invitation h3{margin:.5rem 0 2rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:400}.royal-details{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.royal-details div{border-right:1px solid #d7b45b55;flex-direction:column;align-items:center;padding:1rem;display:flex}.royal-details div:last-child{border:0}.royal-details svg{color:#c49a40;margin-bottom:.7rem}.royal-details span{font-size:1.05rem}.royal-details small{color:#72849a;margin-top:.35rem;font:400 .72rem Arial,sans-serif}.royal-map{color:#fff;background:#163c70;gap:.5rem}.ballroom{text-align:center;background:radial-gradient(circle at 50% 10%,#3e70a4 0,#102f60 40%,#06142f 100%);place-items:center;min-height:720px;padding:5rem 1rem;display:grid;position:relative;overflow:hidden}.ballroom:before{content:"";background:linear-gradient(90deg,#0000,#fff1bd12,#0000);position:absolute;inset:0;transform:skew(-18deg)}.ballroom-carriage{filter:drop-shadow(0 25px 30px #0008);width:min(48vw,500px);position:absolute;bottom:0;left:-4%}.ballroom-slipper{filter:drop-shadow(0 20px 25px #0008);width:min(30vw,260px);position:absolute;bottom:4%;right:3%}.ballroom-copy{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09234a99;border:1px solid #f2d37e88;border-radius:2rem;width:min(90%,540px);padding:3rem 2rem;position:relative;box-shadow:0 0 80px #83c9ff26}.ballroom-copy p:last-child{color:#e5f1ff;line-height:1.8}.magic-rsvp{color:#17375e;background:linear-gradient(#dfeffc,#fceff2);padding:6rem 1.2rem;position:relative}.magic-form{z-index:2;text-align:center;background:#fffdf9f2;border:1px solid #d3ae55;border-radius:2rem;width:min(100%,650px);margin:auto;padding:clamp(1.5rem,5vw,3.5rem);position:relative;box-shadow:0 30px 80px #274a7045}.magic-form>p:not(.magic-script){color:#6c7c90;font:400 .92rem/1.6 Arial,sans-serif}.magic-form form{text-align:left;gap:1.2rem;display:grid}.magic-form label{font:700 .8rem Arial,sans-serif}.magic-form input,.magic-form textarea{color:#153559;background:#fff;border:1px solid #cbd9e6;border-radius:.9rem;width:100%;margin-top:.5rem;padding:1rem}.magic-form textarea{resize:vertical;min-height:110px}.magic-choices{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.magic-choices button{color:#4e6580;background:#fff;border:1px solid #cad8e7;border-radius:.9rem;padding:.9rem .4rem;font:700 .75rem Arial,sans-serif}.magic-choices .selected{color:#fff;background:#173e72;border-color:#173e72}.magic-counter{background:#fff;border:1px solid #d4dfeb;border-radius:.9rem;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-family:Arial,sans-serif;display:flex}.magic-counter span strong,.magic-counter span small{display:block}.magic-counter span strong{font-size:.8rem}.magic-counter span small{color:#71839a;font-size:.7rem}.magic-counter>div{align-items:center;gap:.9rem;display:flex}.magic-counter button{color:#173e72;background:#e9f3fb;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.magic-counter svg{width:15px}.magic-submit{color:#fff;background:linear-gradient(135deg,#173e72,#275f9d);border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font:700 .85rem Arial,sans-serif;display:flex;box-shadow:0 12px 30px #173e7240}.magic-submit svg{width:18px}.magic-error{color:#a23b49;text-align:center;font:600 .8rem Arial,sans-serif}.rsvp-rose-magic{opacity:.8;width:min(34vw,330px);position:absolute;top:10%;left:-5%}.rsvp-princess-magic{opacity:.9;width:min(35vw,350px);position:absolute;bottom:0;right:-4%}.magic-success svg{color:#b58a32;width:65px;height:65px}.magic-success button{color:#173e72;background:0 0;border:0;text-decoration:underline}.magic-footer{text-align:center;color:#fff;background:#06152f;padding:4rem 1rem}.magic-footer img{filter:drop-shadow(0 0 20px #ffe78c);width:72px}.magic-footer p{color:#f1ce70;margin:.5rem;font-family:Joseph Sophia,cursive;font-size:2.5rem}.magic-footer span{color:#cddced;font-style:italic}.music-orb{z-index:20;color:#fff;background:#173e72;border:1px solid #ffe6a3;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #06152f80}.music-orb svg{width:18px}@keyframes twinkle{to{opacity:.2;transform:scale(.45)}}@keyframes float{50%{transform:translateY(-16px)rotate(2deg)}}@keyframes carriageIn{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes pulse{50%{transform:scale(1.025);box-shadow:0 0 55px #ffe18ca0}}@media (max-width:700px){.gate-carriage{width:190px}.gate-fairy{width:110px}.magic-princess{width:55vw;left:-15%}.magic-fairy{width:32vw}.royal-details{grid-template-columns:1fr}.royal-details div{border-bottom:1px solid #d7b45b55;border-right:0}.royal-details div:last-child{border:0}.ballroom{align-items:start;min-height:760px;padding-top:5rem}.ballroom-carriage{width:70vw}.ballroom-slipper{width:40vw}.rsvp-rose-magic{opacity:.28}.rsvp-princess-magic{opacity:.16;width:70vw}.magic-choices{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}