.auth-body{min-height:100vh;margin:0;background:#f8fafc;color:#0f172a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr)}.auth-content{display:flex;flex-direction:column;justify-content:center;padding:32px 20px}.auth-content-inner{width:min(100%,460px);margin:0 auto}.auth-logo{display:inline-flex;align-items:center;gap:10px;color:#0f172a;font-size:15px;font-weight:800;text-decoration:none}.auth-logo-mark{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.auth-card{margin-top:40px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:28px;box-shadow:0 18px 50px #0f172a12}.auth-kicker{margin:0 0 12px;color:#3b82f6;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-title{margin:0;color:#0f172a;font-size:clamp(28px,4vw,38px);font-weight:750;letter-spacing:-.035em;line-height:1.08}.auth-subtitle{margin:14px 0 0;color:#64748b;font-size:15px;line-height:1.65}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-field{display:grid;gap:7px}.auth-label{color:#334155;font-size:13px;font-weight:700}.auth-input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px 12px;color:#0f172a;font:inherit;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.auth-input::-moz-placeholder{color:#94a3b8}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.auth-password-control{position:relative}.auth-password-control .auth-input{min-height:52px;padding-right:84px}.auth-password-toggle{position:absolute;top:4px;bottom:4px;right:4px;min-width:68px;min-height:44px;border:1px solid transparent;border-radius:8px;background:#f8fafc;color:#2563eb;font:inherit;font-size:12px;font-weight:750}.auth-password-toggle:hover{background:#eff6ff;border-color:#bfdbfe}.auth-password-toggle:focus-visible{outline:3px solid rgb(59 130 246 / .28);outline-offset:1px}.auth-input-locked{border-color:#dbe3ee;background:#f8fafc;color:#475569;cursor:not-allowed}.auth-input-locked:focus{border-color:#dbe3ee;box-shadow:none}.auth-code-input{width:min(100%,260px);justify-self:center;padding-inline:18px;caret-color:#2563eb;font-variant-numeric:tabular-nums;font-size:22px;font-weight:750;letter-spacing:.34em;text-align:center;text-indent:.34em}.auth-code-input::-moz-placeholder{color:#cbd5e1}.auth-code-input::placeholder{color:#cbd5e1}.auth-code-field .auth-label,.auth-code-field .auth-help,.auth-code-field .auth-field-error{text-align:center}.auth-field-error{margin:0;color:#b91c1c;font-size:12px;font-weight:650;line-height:1.5}.auth-help{margin:0;color:#64748b;font-size:12px;line-height:1.55}.auth-button{min-height:44px;border:0;border-radius:10px;background:#3b82f6;padding:11px 16px;color:#fff;font:inherit;font-size:14px;font-weight:750;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.auth-button:hover{background:#2563eb}.auth-button:focus-visible,.auth-secondary-button:focus-visible,.auth-link:focus-visible,.auth-logo:focus-visible{outline:3px solid rgb(59 130 246 / .28);outline-offset:3px}.auth-button:active{transform:translateY(1px)}.auth-secondary-button{min-height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:10px 15px;color:#334155;font:inherit;font-size:13px;font-weight:700}.auth-secondary-button:hover{background:#f8fafc}.auth-secondary-button:disabled{cursor:not-allowed;background:#f8fafc;color:#94a3b8}.auth-link{color:#2563eb;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-footer{margin:22px 0 0;color:#64748b;font-size:13px;line-height:1.6;text-align:center}.auth-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.auth-alert{margin-top:20px;border:1px solid;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}.auth-alert-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.auth-alert-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.auth-visual{display:none;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 16%,rgb(255 255 255 / .18),transparent 28%),linear-gradient(145deg,#172554,#1d4ed8 52%,#3b82f6);color:#fff}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0 / .82),transparent);mask-image:linear-gradient(to bottom,rgb(0 0 0 / .82),transparent)}.auth-visual-inner{position:relative;z-index:1;display:flex;height:100%;box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:54px}.auth-visual-badge{width:-moz-fit-content;width:fit-content;border:1px solid rgb(255 255 255 / .2);border-radius:999px;background:#ffffff1a;padding:7px 11px;font-size:12px;font-weight:700}.auth-visual-copy{max-width:520px}.auth-visual-copy h2{margin:0;font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;line-height:1.02}.auth-visual-copy p{margin:20px 0 0;color:#ffffffc7;font-size:16px;line-height:1.7}.auth-account-list{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.auth-account-list li{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:12px 14px;color:#475569;font-size:13px}.auth-choice-grid{display:grid;gap:12px}.auth-choice{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 12px;width:100%;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:16px;color:#0f172a;font:inherit;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.auth-choice:hover{border-color:#60a5fa;box-shadow:0 8px 24px #0f172a14}.auth-choice:focus-visible{border-color:#3b82f6;outline:3px solid rgb(59 130 246 / .2);outline-offset:2px}.auth-choice:active{transform:translateY(1px)}.auth-choice-icon{display:grid;grid-row:1 / span 3;width:42px;height:42px;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb;font-size:21px;font-weight:800}.auth-choice-title{font-size:15px;font-weight:800}.auth-choice-copy{color:#64748b;font-size:12px;line-height:1.5}.auth-choice-action{margin-top:3px;color:#2563eb;font-size:12px;font-weight:750}.auth-help-centered{margin-top:18px;text-align:center}.auth-summary{display:flex;gap:12px;margin-top:24px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;padding:15px;color:#1e3a8a}.auth-summary-mark{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:999px;background:#2563eb;color:#fff;font-size:13px;font-weight:800}.auth-summary strong{font-size:13px}.auth-summary p{margin:4px 0 0;color:#475569;font-size:12px;line-height:1.5}.auth-centered-button{box-sizing:border-box;text-align:center;text-decoration:none}@media (min-width: 900px){.auth-shell{grid-template-columns:minmax(460px,.9fr) minmax(480px,1.1fr)}.auth-content{padding:48px}.auth-visual{display:block;margin:16px 16px 16px 0;border-radius:20px}}