:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;background:#070b14}:root{color-scheme:dark}*{box-sizing:border-box}.page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#070b14;color:#eaf0ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;position:relative}.bg{position:absolute;inset:-40%;background:radial-gradient(900px 520px at 18% 12%,rgba(80,140,255,.32),transparent 62%),radial-gradient(820px 520px at 92% 34%,rgba(245,197,66,.24),transparent 58%),radial-gradient(920px 620px at 45% 88%,rgba(160,90,255,.2),transparent 62%),radial-gradient(720px 520px at 55% 10%,rgba(100,240,210,.1),transparent 60%);filter:blur(30px);transform:translateZ(0);animation:drift 11s ease-in-out infinite alternate;z-index:0}@keyframes drift{0%{transform:translate(-2%,-1%) scale(1.02)}50%{transform:translate(2%,1%) scale(1.08)}to{transform:translate(-1%,2%) scale(1.04)}}.vignette{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%,transparent 0%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.78) 100%);z-index:1}.card{--mx: 50%;--my: 35%;width:min(920px,100%);border-radius:22px;padding:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 55px #0000008c;position:relative;z-index:2;overflow:hidden}.mouseGlow{position:absolute;inset:-1px;background:radial-gradient(420px 240px at var(--mx) var(--my),rgba(245,197,66,.18),transparent 60%);opacity:.9;pointer-events:none;mix-blend-mode:screen;transition:opacity .16s ease}.sparkles{position:absolute;inset:0;pointer-events:none}.sparkle{position:absolute;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fffffff5,#fff0 60%);filter:drop-shadow(0 0 10px rgba(245,197,66,.35));animation:twinkle 3.2s ease-in-out infinite}@keyframes twinkle{0%,to{transform:scale(.65);opacity:.12}50%{transform:scale(1.35);opacity:.62}}.header{text-align:center;display:grid;gap:10px;margin-bottom:18px}.badge{width:46px;height:46px;margin:0 auto;display:grid;place-items:center;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 26px #00000059}.title{margin:0;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em}.titleShimmer{background:linear-gradient(110deg,#ffffffeb 18%,#f5c542fa 38%,#78b4ffeb,#ffffffeb 72%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.subtitle{margin:0;opacity:.88;line-height:1.5;font-size:clamp(14px,2.2vw,16px)}.dots{display:inline-block;letter-spacing:2px;opacity:.8;animation:dots 1.2s ease-in-out infinite}@keyframes dots{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(-2px);opacity:.95}}.artWrap{display:grid;place-items:center;margin:18px 0 12px;position:relative}.art{width:min(760px,100%);height:auto;border-radius:18px;animation:floaty 4.6s ease-in-out infinite;transform:translateZ(0)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.glow{position:absolute;width:min(560px,85%);height:140px;bottom:-10px;background:radial-gradient(closest-side,rgba(245,197,66,.2),transparent 70%);filter:blur(10px)}.footer{margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;opacity:.92}.footerLine{font-size:14px;line-height:1.6}@media(max-width:480px){.card{padding:20px}.badge{width:42px;height:42px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.bg,.sparkle,.titleShimmer,.art,.dots{animation:none!important}}@media(max-width:420px){.art{width:100%;border-radius:14px}.subtitle{font-size:14px}}@media(hover:none){.mouseGlow{display:none}}