:root{color:#172033;background:#eef3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: #ffffff;--ink: #172033;--muted: #687386;--line: #d7e0ea;--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #b42318;--danger-soft: #fff1f0;--green: #2f855a;--yellow: #f6c244;--red: #e5484d;--blue: #3b82f6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.auth-shell,.welcome-shell{min-height:100vh;padding:32px}.auth-shell{display:grid;grid-template-columns:minmax(320px,560px) minmax(280px,1fr);gap:24px;align-items:stretch}.auth-panel,.security-panel,.identity-card,.details-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 60px #2563eb1a}.auth-panel{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:clamp(28px,6vw,64px)}.security-panel{display:flex;align-items:end;min-height:calc(100vh - 64px);padding:clamp(28px,5vw,56px);color:#f8fafc;background:linear-gradient(135deg,#172033f0,#163a69eb),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=80);background-position:center;background-size:cover}.security-panel h2{max-width:620px;margin:8px 0 14px;font-size:clamp(2rem,4vw,4rem);line-height:1}.security-panel p{max-width:540px;color:#f8fafcc7}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:48px;color:var(--muted);font-weight:700}.brand-row.compact{margin:0}.brand-mark,.windows-icon{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:28px;height:28px;flex:0 0 28px}.brand-mark span,.windows-icon i{display:block}.brand-mark span:nth-child(1),.windows-icon i:nth-child(1){background:var(--red)}.brand-mark span:nth-child(2),.windows-icon i:nth-child(2){background:var(--green)}.brand-mark span:nth-child(3),.windows-icon i:nth-child(3){background:var(--blue)}.brand-mark span:nth-child(4),.windows-icon i:nth-child(4){background:var(--yellow)}.login-copy h1,.identity-card h1{margin:8px 0 16px;color:var(--ink);font-size:clamp(2.25rem,5vw,4.6rem);line-height:.98}.login-copy p,.identity-card p,.details-card p{max-width:560px;color:var(--muted);line-height:1.65}.eyebrow{margin:0;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:800}.primary-button{gap:12px;color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button{color:var(--ink);background:#fff;border-color:var(--line)}.secondary-button.small{min-height:40px;padding:0 14px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.58}.windows-icon{width:20px;height:20px;flex-basis:20px}.notice{margin-top:22px;padding:14px 16px;border-radius:8px;line-height:1.5}.notice.error{color:var(--danger);background:var(--danger-soft);border:1px solid #ffd7d4}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.welcome-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:24px}.identity-card,.details-card{padding:clamp(24px,4vw,42px)}.identity-card{min-height:520px;display:flex;flex-direction:column;justify-content:end}.avatar{display:grid;place-items:center;width:104px;height:104px;margin-bottom:auto;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--primary),#0f766e);font-size:2rem;font-weight:900}.section-heading{margin-bottom:24px}.section-heading h2{margin:6px 0 0;font-size:2rem}.profile-list{margin:0}.profile-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.profile-row dt{color:var(--muted);font-weight:800}.profile-row dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink)}.loading-state{display:grid;min-height:220px;place-items:center;color:var(--muted)}@media(max-width:860px){.auth-shell,.welcome-shell{padding:16px}.auth-shell,.welcome-grid{grid-template-columns:1fr}.auth-panel,.security-panel{min-height:auto}.security-panel{min-height:360px}.topbar{align-items:flex-start;flex-direction:column}.profile-row{grid-template-columns:1fr;gap:6px}}