:root{color-scheme:dark;--bg:#070d18;--card:#0b1422;--line:#1a2940;--text:#e8eef8;--muted:#8b9bb2;--accent:#5eb8ff;--danger:#fda4af}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,rgba(14,165,233,.14),transparent 30rem),radial-gradient(circle at 85% 15%,rgba(99,102,241,.14),transparent 28rem),#070d18;color:var(--text);display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
main{width:min(100%,430px)}
.brand{margin:0 0 18px;text-align:center}
.brand strong{display:block;font-size:clamp(1.55rem,7vw,2.15rem);letter-spacing:.02em}
.brand span{display:block;margin-top:7px;color:var(--muted)}
.card{background:rgba(11,20,34,.96);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,6vw,32px);box-shadow:0 24px 70px rgba(0,0,0,.38)}
label{display:block;margin:0 0 8px;font-weight:700}
input{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--line);background:#081321;color:var(--text);font:inherit;padding:12px 14px;outline:none}
input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(98,168,255,.2)}
.field+.field{margin-top:18px}
button{width:100%;min-height:48px;margin-top:22px;border:0;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font:inherit;font-weight:800;cursor:pointer}
button[disabled]{opacity:.64;cursor:wait}
#login-message{min-height:24px;margin:16px 0 0;color:var(--danger);text-align:center}
.mark{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#6366f1);font-weight:800;font-size:20px;color:#fff;box-shadow:0 10px 28px rgba(37,99,235,.3)}
#login-title{font-size:1.15rem;margin:0 0 18px}
.security{margin:18px 0 0;color:var(--muted);font-size:.9rem;text-align:center;line-height:1.5}
.brand .mark{color:#fff;margin:0 auto 12px;line-height:1}

/* SONSUZ AI amblemi (Claude, 2026-10-18) */
.msi-logo{background:#26384c!important;border:1px solid rgba(196,199,204,.14)!important;box-shadow:0 8px 22px rgba(15,25,38,.45)!important;overflow:hidden}
.msi-logo .msi-logo-img{display:block;width:80%;height:auto;margin:0;pointer-events:none}