:root{font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#202b32;background:#f6f7f8;font-synthesis:none;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
[hidden]{display:none!important}
.login-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 64px}
.login-brand{display:flex;align-items:center;gap:13px;margin:0 0 28px;font-size:20px;font-weight:600;letter-spacing:2.2px}
.login-brand>span>span{font-size:14px;letter-spacing:1.2px;color:#737e85;margin-left:3px}
.login-card{width:100%;max-width:400px;padding:34px 32px 32px;background:#fff;border:1px solid #e0e5e8;border-radius:14px;box-shadow:0 8px 28px #202b3205}
h1{margin:0 0 27px;font-size:25px;line-height:1.4;font-weight:650;letter-spacing:-.6px}
label{display:block;margin:20px 0 8px;font-size:15px;font-weight:600}
input{display:block;width:100%;min-width:0;min-height:50px;padding:11px 13px;border:1px solid #cbd2d7;border-radius:7px;background:#fff;color:#202b32;font:inherit;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:#3095b4;box-shadow:0 0 0 3px #36b6dd1a}
input:disabled{background:#f7f8f9;color:#647078}
button{display:block;width:100%;min-height:50px;margin-top:28px;padding:11px 18px;border:1px solid #263d49;border-radius:7px;background:#263d49;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}
button:hover:not(:disabled){background:#172c37}
button:focus-visible{outline:3px solid #36b6dd;outline-offset:3px}
button:disabled{cursor:wait;opacity:.7}
.login-error{margin:15px 0 0;color:#a33730;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.login-brands{display:flex;align-items:center;gap:11px;margin:24px 0 0;color:#77828a;font-size:13px}
.login-brands span{color:#abb2b7}
@media(max-width:420px){.login-shell{padding:36px 20px 48px}.login-card{padding:28px 24px}.login-brand{font-size:18px;gap:10px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){input,button{transition:none}}