:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f9ff;--card:#fff;--ink:#111827;--muted:#60708a;--rule:#dce6f5;--blue:#145dff;--danger-bg:#fff1f1;--danger-border:#d64545;--danger-text:#8a1f1f;--button:#145dff;--button-hover:#0b49d6}html.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101827;--card:#172033;--ink:#f3f6fb;--muted:#a8b5c8;--rule:#2e3a52;--blue:#82a8ff;--danger-bg:#33191d;--danger-border:#f87171;--danger-text:#fecaca;--button:#316cff;--button-hover:#1f56d8}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% -10%, #145dff1f, transparent 35%), linear-gradient(180deg, #fbfdff 0, var(--bg) 100%);place-items:center;margin:0;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}html.dark-mode body{background:radial-gradient(circle at 16% -10%, #82a8ff2e, transparent 35%), linear-gradient(180deg, #0b1020 0, var(--bg) 100%)}main{width:min(100%,285px)}.login-card{background:var(--card);border:1px solid var(--rule);text-align:center;border-radius:8px;padding:clamp(22px,5vw,28px) clamp(18px,5vw,23px);box-shadow:0 18px 48px #0f2c611f}html.dark-mode .login-card{box-shadow:0 18px 52px #00000057}.login-logo{width:min(100%,125px);height:auto;margin:0 auto 16px;display:block}h1{letter-spacing:0;margin:0;font-size:clamp(1.2rem,5vw,1.35rem);font-weight:800;line-height:1.22}.subtitle{color:var(--muted);margin:9px 0 0;font-size:.88rem}.divider{border:0;border-top:1px solid var(--rule);margin:24px 0 22px}.alert{border-left:4px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);text-align:left;border-radius:8px;margin:0 0 18px;padding:12px 14px;font-size:.88rem;font-weight:650;line-height:1.4}.microsoft-button,.local-button{background:linear-gradient(180deg, var(--button), var(--button-hover));color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-size:clamp(.92rem,3.2vw,1rem);font-weight:650;text-decoration:none;display:inline-flex}.microsoft-button:hover,.microsoft-button:focus-visible,.local-button:hover,.local-button:focus-visible{background:var(--button-hover);outline-offset:3px;outline:3px solid #145dff2e}.microsoft-mark{aspect-ratio:1;flex:none;grid-template-columns:repeat(2,1fr);gap:2px;width:20px;display:grid}.microsoft-mark i:first-child{background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.local-form{text-align:left;gap:12px;display:grid}label{color:var(--ink);font-weight:700}input{width:100%;min-height:42px;font:inherit;color:var(--ink);background:#fff;border:1px solid #d2ddec;border-radius:8px;padding:10px 12px}html.dark-mode input{border-color:var(--rule);background:#101827}input:focus{border-color:var(--blue);outline:3px solid #145dff1f}.local-button{min-height:46px;margin-top:8px}@media (width<=520px){body{padding:14px}.login-card{border-radius:10px}.login-logo{width:min(100%,115px)}.microsoft-button{min-height:48px}}