:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#252b30;background:#f7f5f6;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(380px,100%);padding:32px;background:white;border:1px solid #e5e0e3;border-radius:12px}h1{font-size:22px;margin:20px 0 8px}p{font-size:13px;color:#687078;line-height:1.6}form,label{display:flex;flex-direction:column;gap:8px}form{gap:18px;margin-top:24px}input,button{min-height:44px;border-radius:6px;border:1px solid #d8d2d6;padding:10px 12px;font:inherit}button{background:#b52f68;color:white;cursor:pointer;font-weight:600}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible{outline:2px solid #b52f68;outline-offset:2px}#login-error{color:#b23a48;margin:0}[hidden]{display:none!important}

@media(max-width:1199px),(hover:none) and (pointer:coarse){input{font-size:16px}body{padding:16px}.login-card{padding:24px}}