@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=IBM+Plex+Mono:wght@300;400;500&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap";:root{--black: #060608;--surface: #0e0e12;--surface2: #16161c;--surface3: #1e1e26;--border: #2a2a36;--gold: #c9a84c;--gold-bright: #f5d78e;--gold-dim: #7a5e28;--text: #e8e0d0;--text-muted: #7a7268;--text-dim: #4a4540;--accent: #4c8ec9;--success: #4cc97a;--error: #c94c4c;--glow: rgba(201, 168, 76, .15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);font-family:Crimson Pro,Georgia,serif;font-size:18px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,168,76,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(76,142,201,.03) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(201,168,76,.03) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.font-display{font-family:Cinzel,serif;letter-spacing:.05em}.font-mono{font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.btn{font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:14px 32px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.btn:hover{color:var(--black)}.btn:hover:before{transform:translate(0)}.btn-primary{background:var(--gold);color:var(--black)}.btn-primary:before{background:var(--gold-bright)}.btn-primary:hover{color:var(--black)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{color:var(--gold)}.btn:disabled:before{transform:translate(-100%)}.input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:IBM Plex Mono,monospace;font-size:16px;padding:14px 18px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;letter-spacing:.05em}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1a}.input::placeholder{color:var(--text-dim)}.card{background:var(--surface);border:1px solid var(--border);padding:32px}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--gold-dim);font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeUp{animation:fadeUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}.gold-shimmer{background:linear-gradient(90deg,var(--gold-dim) 0%,var(--gold-bright) 30%,var(--gold) 50%,var(--gold-bright) 70%,var(--gold-dim) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.gold-glow{box-shadow:0 0 30px #c9a84c33,0 0 60px #c9a84c1a}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.otp-input{font-size:24px;text-align:center;letter-spacing:.5em;padding:16px}.level-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--gold-dim);padding:6px 14px;font-family:Cinzel,serif;font-size:11px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.container{max-width:900px;margin:0 auto;padding:0 24px}.container-sm{max-width:520px;margin:0 auto;padding:0 24px}.ornament{color:var(--gold-dim);font-size:20px;letter-spacing:8px}