:root{--ink:#142033;--muted:#69768a;--line:#dfe5ef;--blue:#1769e0;--blue2:#0a4fb8;--surface:#fff;--bg:#f5f7fb;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.brand-pane{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px 64px;color:#fff;background:radial-gradient(circle at 15% 15%,#317ee8 0,transparent 34%),linear-gradient(145deg,#0b1931,#102e62 58%,#0c4caa);overflow:hidden}.brand-pane:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-220px;bottom:-220px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 150px rgba(255,255,255,.025)}.brand-lockup{display:flex;align-items:center;gap:14px;z-index:1}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:25px;background:#fff;color:#155fca;box-shadow:0 10px 30px rgba(0,0,0,.18)}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:18px}.brand-lockup span{font-size:13px;opacity:.78;margin-top:2px}.brand-copy{max-width:650px;z-index:1}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;margin:0 0 14px}.brand-copy h1{font-size:48px;line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.brand-copy p:last-child{font-size:17px;line-height:1.65;color:rgba(255,255,255,.78);max-width:560px}.production-pill{z-index:1;display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.8)}.production-pill i{width:9px;height:9px;border-radius:50%;background:#41d58d;box-shadow:0 0 0 5px rgba(65,213,141,.15)}.auth-pane{display:grid;place-items:center;padding:48px;background:#fff}.auth-card{width:min(480px,100%)}.auth-card .eyebrow{color:#3972c8}.auth-card h2{font-size:34px;letter-spacing:-.03em;margin:0 0 10px}.sub{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 26px}.microsoft-btn,.primary-btn,.secondary-btn{width:100%;min-height:50px;border-radius:10px;border:0;font:inherit;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.15s ease}.microsoft-btn,.primary-btn{background:var(--blue);color:#fff}.microsoft-btn:hover,.primary-btn:hover{background:var(--blue2)}.secondary-btn{background:#fff;color:#2a3b53;border:1px solid var(--line)}.secondary-btn:hover{background:#f8fafc}.ms-grid{display:grid;grid-template-columns:repeat(2,7px);gap:2px;margin-right:11px}.ms-grid i{display:block;width:7px;height:7px;background:#fff}.divider{display:flex;align-items:center;gap:12px;color:#8a94a5;font-size:12px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.local-form{margin-top:18px;display:grid;gap:14px}.local-form label{font-size:13px;font-weight:700;color:#3e4b5d}.local-form input{display:block;width:100%;height:46px;margin-top:7px;border:1px solid #cfd7e4;border-radius:9px;padding:0 12px;font:inherit;outline:none}.local-form input:focus{border-color:#4d8be3;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.security-note{font-size:12px;color:#8994a5;line-height:1.5;margin-top:22px}.auth-error{background:#fff0ef;border:1px solid #f4c7c3;color:var(--danger);padding:11px 12px;border-radius:9px;font-size:13px;margin-bottom:18px}.hidden{display:none!important}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-pane{min-height:42vh;padding:36px}.brand-copy h1{font-size:36px}.auth-pane{padding:40px 26px}}