:root{color-scheme:light;--surface-primary:oklch(1 0 0);--surface-secondary:oklch(.97 .003 264);--text-primary:oklch(.21 .006 286);--text-secondary:oklch(.55 .012 264);--brand-primary:oklch(.59 .18 258);--brand-dark-blue:oklch(.51 .18 258);--border:oklch(.93 .005 264)}
*{box-sizing:border-box}body{margin:0;background:var(--surface-secondary);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:32px}.login-card{width:min(100%,440px);padding:40px;border:1px solid var(--border);border-radius:32px;background:var(--surface-primary);box-shadow:0 18px 30px -20px var(--text-secondary);text-align:center}.logo{display:block;object-fit:contain;margin:0 auto 8px}h1{font-size:24px;font-weight:600;margin:0 0 8px;line-height:1.4;text-wrap:balance}.subtitle{color:var(--text-secondary);font-size:15px;margin:0 0 32px;line-height:1.5}button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:12px;background:var(--brand-primary);color:var(--surface-primary);padding:14px 16px;font:600 15px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s}button:hover{background:var(--brand-dark-blue)}button:focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}.microsoft-mark{width:20px;height:20px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.microsoft-mark i{background:currentColor}.authorized{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:12px;margin-top:32px}.authorized:before,.authorized:after{content:"";flex:1;height:1px;background:var(--border)}.authorized span{white-space:nowrap}.access-note{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:32px 0 0}.security-note{color:var(--brand-primary);font-size:12px;line-height:1.5;margin:0;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface-primary);text-align:center}.login-error{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 18px;padding:12px;border:1px solid var(--border);border-radius:8px}@media(max-width:440px){main{padding:16px}.login-card{padding:32px 24px}.security-note{font-size:11px}}