*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Outfit",sans-serif;color:#f4fbff;min-height:100vh;background:#061018;overflow-x:clip}
.sky{position:fixed;inset:-20%;z-index:-1;background:conic-gradient(from 120deg at 50% 40%,#0ea5a0,#38bdf8,#f472b6,#fbbf24,#0ea5a0);filter:blur(80px);opacity:.55;animation:spin 20s linear infinite}
.nav{display:flex;justify-content:space-between;padding:1.3rem clamp(1.2rem,4vw,3rem);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.nav a{color:#fff;text-decoration:none;font-family:"Syne",sans-serif;font-weight:700}
.night{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem clamp(1.2rem,4vw,3rem) 4rem;max-width:900px}
.brand{font-family:"Syne",sans-serif;font-size:clamp(4rem,15vw,8rem);line-height:.85;margin-bottom:1rem}
.night h1{font-family:"Syne",sans-serif;font-size:clamp(1.5rem,3.5vw,2.3rem);max-width:14ch;margin-bottom:.8rem}
.sub{font-weight:300;max-width:36ch;line-height:1.55;opacity:.85;margin-bottom:2rem}
.readings{display:grid;gap:1rem;margin-bottom:2rem;max-width:520px}
.readings div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.25);font-size:.95rem}
.readings span{opacity:.7;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.readings strong{font-weight:500}
.readings div:last-child{border-bottom:1px solid rgba(255,255,255,.25)}
.cta{display:inline-block;text-decoration:none;color:#061018;background:rgba(255,255,255,.9);font-weight:700;padding:.95rem 1.4rem;border-radius:999px;transition:transform .2s ease,background .2s ease;width:fit-content}
.cta:hover{transform:translateY(-2px);background:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}