*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f7fa;color:#191f28;font-family:system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif}.login-card{width:100%;max-width:380px;padding:32px;background:#fff;border:1px solid #e5e8eb;border-radius:18px}.logo{display:block;width:150px;height:50px;object-fit:contain;margin:0 auto 24px}h1{font-size:21px;text-align:center;margin:0 0 28px;font-weight:700}form{display:flex;flex-direction:column}label{font-size:14px;font-weight:600;margin-bottom:8px}input{width:100%;min-width:0;height:48px;margin-bottom:20px;padding:12px;border:1px solid #d1d6db;border-radius:9px;font:inherit;font-size:16px;color:#191f28;background:#fff}input:focus-visible{outline:2px solid #3182f6;outline-offset:2px}button{height:48px;border:0;border-radius:9px;background:#3182f6;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:2px solid #1b64da;outline-offset:3px}#message{font-size:14px;line-height:1.5;color:#c32939;margin:0 0 16px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:400px){body{padding:16px}.login-card{padding:26px 22px}}

.remember-option{display:flex;align-items:center;gap:9px;min-height:36px;margin:-6px 0 18px;font-weight:400;color:#4e5968;cursor:pointer;width:fit-content}.remember-option input{flex:0 0 18px;width:18px;height:18px;margin:0;padding:0;accent-color:#3182f6;border-radius:4px;cursor:pointer}.remember-option span{line-height:22px}