@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary:#0ea5e9;--primary-hover:#0284c7;--accent:#facc15;--bg-dark:#040b19;--bg-surface:#ffffff08;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--border:#ffffff14;--glass-bg:#0f142399;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#0ea5e91a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#facc150d 0%,#0000 40%),url(https://www.transparenttextures.com/patterns/carbon-fibre.png);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.login-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;overflow-x:hidden}.login-card{-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:450px;padding:32px;box-shadow:0 25px 50px -12px #000c,inset 0 1px 1px #ffffff0d}.logo-icon{background:linear-gradient(135deg,#1e3a8a,#0ea5e9);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex;box-shadow:0 8px 16px -4px #0ea5e966}.auth-toggle{border:1px solid var(--border);background:#ffffff08;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.auth-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-field{border:1px solid var(--border);width:100%;color:var(--text-main);background:#ffffff0d;border-radius:12px;padding:12px 16px 12px 48px;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #6366f126}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;padding:14px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #0ea5e963}.login-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0ea5e999}.error-msg{color:var(--danger);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-top:20px;padding:12px;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.loading-wheel{border:4px solid #6366f11a;border-top-color:var(--primary);border-bottom-color:#a855f7;border-radius:50%;width:60px;height:60px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;box-shadow:0 0 20px #6366f166}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}