:root{--bg0:#0b1022;--bg1:#0f1633;--bg2:#121a3d;--c:#38E1DB;--v:#9B6BFF;--g:#FCE9B5;--ink:#e9f7ff;--muted:#b0c4d9}
*{box-sizing:border-box}html,body{height:100%}body.twilight{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg1);overflow-x:hidden}
.twilight-static{position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 90% at 50% -20%,#1b244a 0%,var(--bg1) 45%,var(--bg2) 100%)}
#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;will-change:transform,opacity}
.container{max-width:980px;margin-inline:auto;padding:24px}
.min-vh-100{min-height:100vh}
.text-center{text-align:center}
.flex{display:flex}.column{flex-direction:column}.center{justify-content:center;align-items:center}
h1{margin:.5rem 0}
.tw-title{font-family:'Cinzel Decorative',serif;background:linear-gradient(135deg,var(--c) 0%,var(--v) 60%,var(--g) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(56,225,219,.45),0 0 24px rgba(155,107,255,.22)}
.tw-body{color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.35)}
.tw-muted{color:var(--muted);text-shadow:0 1px 0 rgba(0,0,0,.35)}
p{line-height:1.75}
.tw-footer{border-top:1px solid rgba(255,255,255,.08);background:rgba(10,14,32,.6);backdrop-filter:blur(8px);padding:16px}
.tw-footer p{max-width:1100px;margin:.35rem auto}
.logo{width:min(320px,60vw);height:auto;display:block;margin:.5rem auto}
.display-5{font-size:2.6rem}
.lead{font-size:1.12rem}
@media(max-width:640px){.display-5{font-size:1.9rem}.lead{font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){#bgCanvas{display:none}.twilight-static{z-index:0}}
