:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg-slate: #f8fafc;--text-slate: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--card-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-slate);color:var(--text-slate);display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:var(--card-bg);width:440px;padding:40px;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--border)}.header{text-align:center;margin-bottom:32px}.header h1{font-size:28px;font-weight:800;letter-spacing:-.025em;margin-bottom:8px}.tabs{display:flex;justify-content:center;gap:24px;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab{cursor:pointer;font-size:15px;font-weight:600;color:var(--text-muted);transition:all .2s}.tab.active{color:var(--primary);position:relative}.tab.active:after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--primary)}.input-field{width:100%;height:50px;background:#f1f5f9;border:1px solid transparent;border-radius:10px;padding:0 16px;font-size:15px;margin-bottom:16px;transition:all .2s}.input-field:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.submit-btn{width:100%;height:50px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.footer{margin-top:32px;text-align:center;font-size:13px;color:var(--text-muted)}