.login-page{background:radial-gradient(80% 50% at 50% -10%,#2563eb12 0%,#0000 70%),linear-gradient(160deg,#eef2f8 0%,#f5f7fa 60%,#edf0f5 100%);place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative}.login-locale{position:absolute;top:20px;right:20px}.login-locale .locale-switcher__select{background:#ffffffbf;border-color:#e2e8f0}.login-locale .locale-switcher__select:hover:not(:disabled){background:#fff}.login-card{background:#fff;border:1px solid #cbd5e1b3;border-radius:20px;width:min(440px,100%);padding:36px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 16px 40px #00000012}.login-brand{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.login-brand-logo{width:200px;max-width:100%;height:auto}.login-brand-text h1{color:#1e293b;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700;line-height:1.2}.login-brand-text p{color:#64748b;margin:3px 0 0;font-size:13px;font-weight:500}.login-divider{background:linear-gradient(90deg,#0000,#e5e7eb 20% 80%,#0000);height:1px;margin:26px 0}.login-copy{margin-bottom:28px}.section-kicker{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.login-copy h2{color:#0f172a;letter-spacing:-.03em;margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.15}.login-copy p{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;grid-template-columns:24px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;transition:box-shadow .15s,transform .15s,background .15s;display:grid;box-shadow:0 1px 2px #2563eb33,0 4px 12px #2563eb4d}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb40,0 8px 20px #2563eb59}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #2563eb33}.login-button:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb38,0 4px 12px #2563eb4d}.login-button:disabled{cursor:wait;opacity:.7;transform:none}.login-button-arrow{justify-self:end;font-size:20px;font-weight:400;transition:transform .16s}.login-button:hover:not(:disabled) .login-button-arrow{transform:translate(3px)}.microsoft-icon{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);justify-self:start;gap:2px;width:21px;height:21px;display:grid}.microsoft-icon span:first-child{background:#f35325}.microsoft-icon span:nth-child(2){background:#81bc06}.microsoft-icon span:nth-child(3){background:#05a6f0}.microsoft-icon span:nth-child(4){background:#ffba08}.login-error{color:#7f1d1d;word-break:break-word;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:11px;align-items:flex-start;gap:10px;margin:0 0 24px;padding:14px 16px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12.5px;line-height:1.6;display:flex}.login-error:before{content:"⚠";flex-shrink:0;font-family:inherit;font-size:14px;line-height:1.6}.section-kicker--error{color:#dc2626}.login-button--plain{letter-spacing:.01em;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);grid-template-columns:1fr;box-shadow:0 1px 2px #0f172a33,0 4px 12px #0f172a40}.login-button--plain:hover:not(:disabled){background:#1f2937;box-shadow:0 2px 4px #0f172a40,0 8px 20px #0f172a4d}.login-footer{color:#94a3b8;text-align:center;margin:22px 0 0;font-size:12px;line-height:1.5}@media (max-width:520px){.login-page{padding:18px}.login-card{border-radius:24px;padding:28px 24px}.login-brand-logo{width:230px}.login-brand-text h1{font-size:17px}.login-divider{margin:24px 0}.login-copy h2{font-size:32px}.login-copy p{font-size:15px}}