:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#242424;background:#f5f5f5;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
.login-page{min-height:100svh;display:grid;place-items:center;padding:32px 20px}
.login-card{width:100%;max-width:420px;padding:28px 36px 36px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #00000008}
.company-home{display:block;width:180px;margin:0 auto 12px}
.company-home img{display:block;width:100%;height:auto}
h1{margin:0 0 28px;font-size:24px;font-weight:600}
.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;margin-bottom:20px}
.field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #bdbdbd;border-radius:4px;font:inherit;font-weight:400;background:#fff;color:inherit}
.remember{display:flex;align-items:center;gap:8px;font-size:14px;min-height:32px;cursor:pointer}
.remember input{width:18px;height:18px;margin:0;accent-color:#4265ad}
#cloud-login-error{min-height:20px;font-size:14px;color:#a4262c;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
button{width:100%;min-height:44px;border:0;border-radius:4px;background:#4265ad;color:#fff;font:inherit;font-weight:600;cursor:pointer}
button:hover{background:#345391}
button:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:2px solid #4265ad;outline-offset:3px}
@media(max-width:480px){.login-page{padding:20px 16px}.login-card{padding:24px}}