*{box-sizing:border-box}html{background:#031329}body{margin:0;min-height:100svh;color:#f4f3ee;font-family:Arial,'Malgun Gothic',sans-serif;display:flex;flex-direction:column;isolation:isolate;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #e6c9a0;outline-offset:8px}.night{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 43% 55%,#0a2b44 0,transparent 60%),linear-gradient(125deg,#050e20,#041b32 55%,#020b1c)}.haze{position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 60%,#3c63742e,transparent 44%),radial-gradient(ellipse at 65% 40%,#42516e29,transparent 45%);filter:blur(50px);transform:rotate(-25deg);animation:mist 24s ease-in-out infinite alternate}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1px 1px at 13% 19%,#eee2bd 70%,transparent),radial-gradient(1px 1px at 66% 36%,#a1c5dc 70%,transparent),radial-gradient(1.5px 1.5px at 82% 75%,#e7d5b0 70%,transparent),radial-gradient(1px 1px at 35% 88%,#94b5ce 70%,transparent),radial-gradient(1px 1px at 57% 9%,#f1ede0 70%,transparent);background-size:401px 467px,577px 601px,709px 653px,283px 419px,887px 977px}.comet{position:absolute;top:62%;left:32%;width:min(65vw,850px);height:100px;transform:rotate(12deg);transform-origin:left center;animation:drift 18s ease-in-out infinite alternate;pointer-events:none}.comet:before{content:'';position:absolute;left:0;top:30px;width:100%;height:45px;background:linear-gradient(90deg,#f0b28185,#c7898129 37%,transparent);filter:blur(18px);border-radius:50%}.comet i{position:absolute;top:46px;left:0;width:28px;height:7px;border-radius:50%;background:#fff1be;box-shadow:0 0 12px 5px #eac28b88,25px 0 25px 9px #d3a09044;filter:blur(2px)}header{display:flex;justify-content:space-between;align-items:center;padding:38px 5vw}.brand{font-size:26px;font-weight:800;letter-spacing:-1.6px}.brand span{color:#d8c7aa}.edition{font-size:9px;letter-spacing:.25em;color:#acb9c8}main{width:100%;margin:auto;text-align:center;padding:60px 24px 180px}.eyebrow{font-size:10px;letter-spacing:.29em;color:#adbfcd;margin:0 0 28px}h1{font-size:clamp(32px,3.5vw,58px);font-weight:400;letter-spacing:-.065em;line-height:1.42;margin:0;text-wrap:balance}.intro{font-size:14px;color:#b3c0ce;line-height:1.9;margin:24px 0 0}.opening{display:inline-flex;align-items:center;gap:9px;margin-top:35px;color:#d9c8ab;letter-spacing:.22em;font-size:9px}.opening i{height:4px;width:4px;border-radius:50%;background:#d9c8ab;box-shadow:0 0 8px #d9c8ab}footer{padding:0 5vw 26px;color:#9aaabc}.contact{display:flex;gap:26px;font-size:12px;margin-bottom:24px}.contact a:hover,.admin:hover{color:#fff}.bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c4d1e01f;padding-top:18px}.bottom small{font-size:10px;letter-spacing:.04em}.admin{font-size:11px}.admin span{margin-left:9px}@keyframes drift{to{transform:translate(-4vw,-18px) rotate(10deg)}}@keyframes mist{to{transform:translate(3%,2%) rotate(-20deg)}}@media(max-width:600px){header{padding:26px 25px}.brand{font-size:23px}.edition{font-size:8px}main{padding:70px 24px 160px}.eyebrow{font-size:8px;letter-spacing:.2em}h1{font-size:35px}.intro{font-size:12px}.comet{top:61%;left:21%;width:90vw}footer{padding:0 25px 22px}.contact{gap:10px;flex-direction:column;font-size:11px;margin-bottom:19px}.bottom small{font-size:8px}.admin{font-size:10px}}@media(prefers-reduced-motion:reduce){.comet,.haze{animation:none}}
/* Match the main website wordmark; keep its light version against the night sky. */
.brand{font-family:Arial,'Malgun Gothic',sans-serif;font-size:29px;letter-spacing:-2px;font-weight:800;display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1}
.brand .brand-apostrophe{color:inherit;font-weight:800;letter-spacing:0;margin:0 1px;font-size:.95em}
.brand i{display:inline-block;width:5px;height:5px;margin-left:3px;background:#4263ff}
.comet{top:54%;left:50%;width:min(70vw,950px);height:auto;transform:translate(0,-50%) rotate(30deg);animation:comet-crossing 36s linear -12s infinite}
.comet:before{content:none}.comet svg{display:block;width:100%;height:auto;overflow:visible}
/* The trajectory and tail share a 30-degree diagonal toward ten oclock. */
@keyframes comet-crossing{0%{transform:translate(60vmax,calc(-50% + 34.641vmax)) rotate(30deg);opacity:0}8%,90%{opacity:1}100%{transform:translate(-100vmax,calc(-50% - 57.735vmax)) rotate(30deg);opacity:0}}
main{padding-bottom:185px}.countdown{margin-top:32px}.countdown-title{font-size:9px;letter-spacing:.3em;color:#d9c8ab;margin:0 0 12px}.clock{display:flex;justify-content:center;align-items:flex-start;gap:18px;font-variant-numeric:tabular-nums}.clock div{display:flex;flex-direction:column;align-items:center;gap:6px}.clock strong{font-size:clamp(28px,3vw,40px);font-weight:300;line-height:1.2;letter-spacing:.04em}.clock b{font-size:24px;line-height:1.6;font-weight:300;color:#8e9fae}.clock span{font-size:7px;letter-spacing:.18em;color:#93a6b9}.launch-date{font-size:9px;letter-spacing:.13em;color:#8297ac;margin:20px 0 0}#countdown-complete{font-size:12px;color:#b3c0ce;margin-top:15px}[hidden]{display:none!important}
@media(max-width:760px){.brand{font-size:26px}}
@media(max-width:600px){main{padding:45px 24px 125px}.comet{top:54%;left:50%;width:110vw;animation-duration:28s;animation-delay:-8s}.countdown{margin-top:26px}.clock{gap:14px}.clock strong{font-size:30px}.launch-date{margin-top:14px}}
@media(max-width:360px){.brand{font-size:22px}h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.comet{animation:none;transform:translate(-18vw,-50%) rotate(30deg)}}
/* A restrained counter-motion behind the comet, with no visible loop reset. */
.stars{animation:stars-counter-drift 600s linear infinite}
@keyframes stars-counter-drift{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:401px 0,577px 0,709px 0,283px 0,887px 0}}
@media(prefers-reduced-motion:reduce){.stars{animation:none;transform:none}}