*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:#eef2f7;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;color:#1e293b}.login-logo{display:block;width:200px;max-width:55vw;margin:0 auto 24px}.login-card{background:#fff;border-radius:20px;padding:28px 24px 32px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 40px rgba(0,0,0,.08);width:100%;max-width:360px}.tabs-nav{display:flex;background:#f1f5f9;border-radius:10px;padding:3px;margin-bottom:24px;gap:3px}.tab-nav-btn{flex:1;padding:9px 8px;border:0;background:transparent;border-radius:8px;font:600 14px Inter;color:#94a3b8}.tab-nav-btn.active{background:#fff;color:var(--brand);box-shadow:0 1px 6px rgba(0,0,0,.09)}.field{display:block;margin-bottom:12px}.field input{width:100%;height:48px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:10px;font:15px Inter;color:#1e293b;background:#f8fafc;outline:0}.field input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.remember-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin:4px 0 16px}.btn-login{width:100%;height:48px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:700 15px Inter;cursor:pointer}.register-link{text-align:center;margin-top:16px;font-size:13px;color:#64748b}.register-link strong{color:var(--brand)}.alert{padding:11px 13px;margin:-8px 0 16px;border-radius:9px;background:#fff1f2;color:#be123c;font-size:13px;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}