:root{--gold: #c9a253;--gold-light: #f3dc9c;--gold-dark: #8a6d2f;--ink: #0f1722;--ink-soft: #aab5cd;--paper: #fbfaf6;--paper-warm: #f3eedf},:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--ink);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.bg{position:fixed;inset:0;background:radial-gradient(60% 50% at 20% 20%,rgba(201,162,83,.18) 0%,transparent 60%),radial-gradient(50% 50% at 80% 80%,rgba(5,122,85,.12) 0%,transparent 60%),linear-gradient(180deg,#0f1722,#1a2436)}.grain{position:fixed;inset:0;opacity:.35;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>")}.stage{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.card{max-width:460px;width:100%;animation:rise .6s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.logo-wrap{position:relative;width:96px;height:96px;margin:0 auto 1.5rem}.ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.08)}.ring--rotate{background:conic-gradient(from 0deg,transparent 0%,transparent 70%,var(--gold) 90%,var(--gold-light) 100%);-webkit-mask:radial-gradient(transparent 60%,#000 62%);mask:radial-gradient(transparent 60%,#000 62%);border:0;animation:spin 1.4s linear infinite}.ring--pulse{animation:pulse 2.2s ease-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #c9a25373}80%{box-shadow:0 0 0 22px #c9a25300}to{box-shadow:0 0 #c9a25300}}.logo{position:absolute;inset:14px;border-radius:50%;background:linear-gradient(180deg,#fff,#fbfaf6);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000059,inset 0 1px #fff9}.logo img{width:44px;height:44px;display:block}.eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}h1{margin:0 0 .6rem;font-size:1.45rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.lead{margin:0 0 1.5rem;font-size:.95rem;color:var(--ink-soft);line-height:1.55}.progress{position:relative;height:4px;width:100%;max-width:280px;margin:0 auto 1.25rem;background:#ffffff14;border-radius:999px;overflow:hidden}.progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light));border-radius:999px;animation:fill var(--delay) linear forwards;transform-origin:left center;transform:scaleX(0)}@keyframes fill{to{transform:scaleX(1)}}.dots span{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:var(--gold);opacity:.35;animation:bounce 1.2s infinite ease-in-out}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.manual{margin-top:1.75rem;font-size:.82rem;color:var(--ink-soft)}.manual a{color:var(--gold-light);text-decoration:underline;text-underline-offset:4px;font-weight:500}.manual a:hover{color:#fff}.meta{margin-top:2rem;font-size:.68rem;color:#ffffff73;letter-spacing:.14em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.badge--age{background:#dc26262e;border-color:#dc262659;color:#ffd5d5;font-weight:700}@media (prefers-reduced-motion: reduce){.ring--rotate,.ring--pulse,.progress:after,.dots span,.card{animation:none!important}.progress:after{transform:scaleX(1)}}