.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-glow{position:fixed;top:20%;left:50%;width:600px;height:400px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(185,28,28,.04) 0%,transparent 70%);pointer-events:none}.login-container{position:relative;width:100%;max-width:420px}.login-brand{text-align:center;margin-bottom:32px}.login-logo{display:inline-block;font-family:var(--serif);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:4px}.login-logo span{color:var(--toll)}.login-brand-sub{font-size:13px;color:var(--mid);margin-top:2px}.login-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-md)}.login-title{font-family:var(--sans);font-size:18px;font-weight:600;color:var(--ink);text-align:center;margin-bottom:24px}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:#991b1b;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field label{display:block;font-size:13px;font-weight:500;color:var(--gray);margin-bottom:6px}.login-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.login-forgot{font-size:12px;color:var(--light)}.login-field input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-family:var(--sans);font-size:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--dim)}.login-field input:focus{outline:none;border-color:var(--toll);box-shadow:0 0 0 3px #b91c1c14}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:40px}.login-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);padding:4px;display:flex;align-items:center}.login-eye:hover{color:var(--ink)}.login-submit{width:100%;padding:12px;background:var(--toll);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,opacity .2s;margin-top:4px}.login-submit:hover{background:#a71717}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:12px;color:var(--muted)}.login-sso{width:100%;padding:11px;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s}.login-sso:hover{background:var(--pale);border-color:var(--light)}.login-sso svg{color:var(--muted)}.login-footer{text-align:center;font-size:13px;color:var(--muted);margin-top:24px}.login-footer a{color:var(--toll);font-weight:500}.login-footer a:hover{text-decoration:underline}.login-back{text-align:center;margin-top:12px}.login-back a{font-size:12px;color:var(--muted);transition:color .2s}.login-back a:hover{color:var(--ink)}@media (max-width: 480px){.login-card{padding:24px;border-radius:16px}}