@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--gold:#d4af37;--gold-light:#f3d467;--dark:#0b0c15;--panel:#151725;--panel-light:#1e2132;--accent:#3b82f6;--danger:#ef4444;--success:#22c55e;--text:#f3f4f6;--muted:#9ca3af}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(#1b1e2e 0%,#0b0c15 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.center{justify-content:center;align-items:center;display:flex}.gold-text{background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.spinner{border:4px solid #d4af3733;border-top-color:var(--gold);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{flex-direction:column;align-items:center;min-height:100vh;padding:24px;display:flex}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151725d9;border:1px solid #d4af3759;border-radius:20px;width:100%;max-width:480px;padding:36px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;animation:.7s cubic-bezier(.34,1.56,.64,1) both cardEnter;box-shadow:0 28px 80px #00000080,0 0 0 1px #d4af3714}.card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 32px 90px #0000008c,0 0 30px #d4af3726}@keyframes cardEnter{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.title{text-align:center;margin-bottom:26px;font-size:2.2rem;font-weight:800;animation:3s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 10px #d4af374d,0 0 20px #d4af371a}to{text-shadow:0 0 18px #f3d46780,0 0 36px #d4af3740}}.input-group{flex-direction:column;gap:8px;margin-bottom:18px;transition:transform .2s;display:flex}.input-group:focus-within{transform:translate(4px)}.input-group label{color:var(--muted);font-size:.85rem;transition:color .2s}.input-group:focus-within label{color:var(--gold-light)}.input-group input{color:var(--text);background:#1e2132b3;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:14px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0003}.input-group input:focus{border-color:var(--gold);background:#1e2132f2;transform:scale(1.02);box-shadow:0 0 0 3px #d4af3726,inset 0 2px 4px #0003}.btn{border:1px solid #0000;border-radius:12px;width:100%;padding:15px;font-size:1rem;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .2s;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff59 0%,#0000 70%);transition:transform .5s,opacity .5s;position:absolute;inset:0;transform:scale(0)}.btn:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.03);box-shadow:0 12px 28px #00000059}.btn:hover:after{opacity:.2;transform:scale(2.5)}.btn:active{transition:transform 80ms;transform:translateY(1px)scale(.97);box-shadow:0 4px 12px #00000040}.btn:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none!important}.btn-primary{background:linear-gradient(90deg, #c49f2a, var(--gold-light), #c49f2a);color:#1a1505;background-size:200% 100%;animation:4s linear infinite goldShimmer}@keyframes goldShimmer{0%{background-position:0%}to{background-position:200%}}.btn-primary:hover{box-shadow:0 12px 32px #d4af3759}.btn-secondary{color:var(--text);background:#1e2132b3;border:1px solid #ffffff1f}.btn-secondary:hover{border-color:#d4af3780;box-shadow:0 0 20px #d4af371a}.btn-danger{background:linear-gradient(90deg, #dc2626, var(--danger));color:#fff}.btn-danger:hover{box-shadow:0 12px 32px #ef444459}.btn-success{background:linear-gradient(90deg, #16a34a, var(--success));color:#fff}.btn-success:hover{box-shadow:0 12px 32px #22c55e59}.tabs{background:#0003;border-radius:14px;gap:10px;margin-bottom:22px;padding:4px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-weight:700;transition:color .3s,transform .2s;position:relative;overflow:hidden}.tab:hover{color:var(--text);transform:translateY(-1px)}.tab.active{color:var(--gold);background:linear-gradient(90deg,#d4af3740,#f3d46726);box-shadow:0 4px 14px #d4af3733}.error{color:var(--danger);text-align:center;min-height:1.2em;margin-bottom:14px;font-size:.9rem;font-weight:600}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.mode-card{animation:.6s cubic-bezier(.34,1.56,.64,1) both cardEnter}.mode-card .btn{animation:.5s cubic-bezier(.34,1.56,.64,1) both cardEnter}.mode-card .btn:first-child{animation-delay:.1s}.mode-card .btn:nth-child(2){animation-delay:.2s}.mode-card .btn:nth-child(3){animation-delay:.3s}