*,*:after,*:before{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}:root{--bg: #0b0f19;--fg: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--card: rgba(255, 255, 255, .04);--ring: rgba(96, 165, 250, .35);height:100%}@media (prefers-color-scheme: light){:root{--bg: #f8fafc;--fg: #0f172a;--muted: #475569;--accent: #2563eb;--card: rgba(15, 23, 42, .04);--ring: rgba(37, 99, 235, .25)}}.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(60rem 60rem at 50% -10%,var(--card),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg))}.card{width:min(680px,calc(100% - 32px));padding:28px 28px 24px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000040}.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.logo{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--accent),transparent 70%);outline:6px solid transparent;box-shadow:0 0 0 0 var(--ring);animation:ping 2.2s ease-out infinite}.brand-text{color:var(--muted);font-weight:600;letter-spacing:.02em}@keyframes ping{0%{box-shadow:0 0 0 0 var(--ring)}70%{box-shadow:0 0 0 18px #0000}to{box-shadow:0 0 #0000}}h1{font-size:clamp(28px,6vw,56px);line-height:1.05;margin:0;color:var(--fg);letter-spacing:-.02em}p{margin:12px 0 0;color:var(--muted);font-size:clamp(14px,2.4vw,18px)}.meta{margin-top:14px;font-size:12px;color:var(--muted);opacity:.9}@media (prefers-reduced-motion: reduce){.logo{animation:none}}