*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#100d1b;color:#f1e8d8;font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}a{color:inherit} .sky{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(14,11,24,.48),rgba(14,11,24,.75) 58%,#100d1b),url("assets/moonlit-water.webp") center/cover}.water{position:fixed;bottom:-15vh;left:-15vw;width:130vw;height:65vh;z-index:-2;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 22px,rgba(218,189,128,.055) 24px,transparent 28px);transform:perspective(400px) rotateX(55deg);animation:water 13s ease-in-out infinite alternate;pointer-events:none}#stars{position:fixed;inset:0;z-index:-1;pointer-events:none}.spark{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff0c8;box-shadow:0 0 9px #eed28b;animation:twinkle 5s ease-in-out infinite}.meteor{position:fixed;top:10%;left:60%;width:150px;height:1px;background:linear-gradient(90deg,transparent,#ffeec6);box-shadow:0 0 8px #e8d6a4;opacity:0;transform:rotate(-35deg);animation:meteor 8s linear infinite;pointer-events:none;z-index:-1}header{max-width:1440px;margin:auto;padding:32px 6vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:16px;letter-spacing:.24em;line-height:1.8}.brand span{display:block;font-size:11px;letter-spacing:.30em;color:#c7af84}.status{font-family:Arial,sans-serif;text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:#c7b998;display:flex;align-items:center;gap:10px}.status i{width:5px;height:5px;border-radius:50%;background:#dfc48a;box-shadow:0 0 12px #dfc48a}.welcome{text-align:center;padding:58px 24px 0;max-width:1440px;margin:auto}.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.28em;line-height:1.9;color:#cfb786;margin:0 0 24px}h1{font-weight:400;font-size:clamp(38px,4.4vw,68px);line-height:1.12;letter-spacing:-.025em;margin:0 0 24px}em{font-weight:400;color:#dfc58e}p{line-height:1.8}.intro{max-width:610px;margin:0 auto;color:#cbc2ba;font-size:17px}.portrait{position:relative;width:min(100%,1080px);margin:56px auto 0;padding:1px;background:linear-gradient(130deg,#d0ae71,rgba(208,174,113,.12) 40%,#c5a064);border-radius:48% 48% 4px 4px / 15% 15% 4px 4px;box-shadow:0 30px 90px #0008}.portrait img{display:block;width:100%;height:auto;border-radius:inherit}.halo{position:absolute;inset:-20px;border-radius:50%;box-shadow:0 0 65px #b17c3f22;z-index:-1;animation:halo 8s ease-in-out infinite}.portrait-star{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:32px;color:#ebd195;text-shadow:0 0 24px #eac36b;animation:star 4s ease-in-out infinite}.invitation{max-width:680px;margin:0 auto;padding:72px 12px 34px}.ornament{font-size:24px;color:#cdb37b;display:block;margin-bottom:28px}.invitation h2{font-size:clamp(29px,3vw,43px);font-weight:400;line-height:1.3;margin:0 0 24px}.invitation>p:not(.eyebrow):not(.worlds):not(.signature){color:#c3b9b3;font-size:17px}.worlds{color:#d8c498;font-size:13px;letter-spacing:.09em;margin:34px 0}.worlds span{font-size:9px;color:#a28355;margin:0 14px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border:1px solid #9d8058;background:#d6b57e0a;text-decoration:none;padding:18px 26px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.08em;transition:background .3s,transform .3s,box-shadow .3s}.button:hover{background:#d6b57e20;transform:translateY(-3px);box-shadow:0 0 35px #c09e4820}a:focus-visible{outline:2px solid #f5d69b;outline-offset:6px}.signature{font-size:13px;color:#a99e97;margin:28px 0 0}.signature span{font-size:32px;font-style:italic;color:#d9bb84;display:inline-block;margin-top:7px}footer{max-width:1200px;margin:28px auto 0;padding:26px 24px 30px;border-top:1px solid #d3b77925;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#9b918b;font:10px Arial,sans-serif;letter-spacing:.05em}footer p{margin:0}footer a{text-decoration:none}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.75)}50%{opacity:.85;transform:scale(1.3)}}@keyframes water{from{translate:-12px 0;opacity:.3}to{translate:12px 12px;opacity:.85}}@keyframes halo{50%{box-shadow:0 0 85px #b17c3f40}}@keyframes star{0%,100%{opacity:.5}50%{opacity:1;text-shadow:0 0 32px #efd69e}}@keyframes meteor{0%,76%,100%{opacity:0;translate:0 0}78%{opacity:1}89%{opacity:0;translate:-600px 350px}}@media(max-width:600px){header{padding:24px;align-items:flex-start}.brand{font-size:12px}.brand span{font-size:9px}.status{max-width:110px;line-height:1.6;font-size:8px}.welcome{padding:38px 18px 0}.eyebrow{font-size:8px;letter-spacing:.19em}.intro{font-size:15px;max-width:340px}.portrait{margin-top:35px;border-radius:22px 22px 3px 3px}.invitation{padding-top:54px}.invitation>p:not(.eyebrow):not(.worlds):not(.signature){font-size:15px}.worlds{font-size:11px}.worlds span{margin:0 7px}footer{flex-wrap:wrap;justify-content:center;font-size:9px;gap:10px 18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.spark{opacity:.55}.meteor{display:none}}body.paused .spark,body.paused .water,body.paused .meteor,body.paused .halo,body.paused .portrait-star{animation-play-state:paused}