@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0f0f1a;--bg-surface:#13131f;--bg-elevated:#1e1e30;--border:#1e1e30;--text:#e2e8f0;--text-muted:#6b7280;--purple:#7c70f0;--purple-lt:#a78bfa;--green:#34d399;--blue:#60a5fa;--orange:#f59e0b;--red:#f87171}html,body{height:100%}body{background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a45;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}::selection{color:#fff;background:#7c70f04d}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}a,button{transition:color .15s,background .15s,border-color .15s,opacity .15s}input:-webkit-autofill{-webkit-text-fill-color:#e2e8f0;caret-color:#e2e8f0;-webkit-box-shadow:inset 0 0 0 1000px #0f0f1a}input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0;caret-color:#e2e8f0;-webkit-box-shadow:inset 0 0 0 1000px #0f0f1a}input:-webkit-autofill:focus{-webkit-text-fill-color:#e2e8f0;caret-color:#e2e8f0;-webkit-box-shadow:inset 0 0 0 1000px #0f0f1a}.text-white{color:#fff}.text-muted{color:var(--text-muted)}.text-purple{color:var(--purple-lt)}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.text-orange{color:var(--orange)}.text-red{color:var(--red)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-13{font-size:13px}.auth-page{background:radial-gradient(ellipse at 30% 20%, #7c70f026 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, #34d39914 0%, transparent 60%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 24px 64px #00000080}.auth-card .logo{text-align:center;margin-bottom:28px}.auth-card .logo-icon{font-size:40px}.auth-card .logo-text{color:#fff;margin-top:6px;font-size:22px;font-weight:800}.auth-card .logo-text span{color:var(--purple-lt)}.auth-card h2{color:#fff;margin-bottom:6px;font-size:18px;font-weight:600}.auth-card p{color:var(--text-muted);margin-bottom:24px;font-size:13px}.form-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;display:block}.form-control{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-family:inherit;font-size:14px}.form-control:focus{border-color:var(--purple);outline:none}.btn-auth{background:linear-gradient(135deg, var(--purple), var(--purple-lt));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s}.btn-auth:hover{opacity:.9;transform:translateY(-1px)}.btn-auth:active{transform:translateY(0)}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.auth-footer a{color:var(--purple-lt);text-decoration:none}.auth-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s both fadeIn}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c70f000}50%{box-shadow:0 0 0 6px #7c70f026}}.pulse-glow{animation:2s infinite pulse-glow}
