*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Arial,"Noto Sans KR",sans-serif;background:#f3f5f8;color:#182233}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 14px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #dde3eb;border-radius:18px;padding:28px;box-shadow:0 10px 30px #0b1b3020}.brand{display:inline-block;color:#10213b;text-decoration:none;font-size:21px;font-weight:900;margin-bottom:20px}.login-card h1{font-size:23px;margin:0 0 20px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-card input{width:100%;height:48px;border:1px solid #cbd3de;border-radius:10px;padding:10px 12px;font:inherit}.login-card button{height:50px;border:0;border-radius:10px;background:#0c2748;color:#fff;font-size:16px;font-weight:900}.remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.remember input{width:18px;height:18px}.error-box,.info-box{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px}.error-box{background:#fff0ef;color:#9f2f27}.info-box{background:#edf5ff;color:#1f4e79}.hint{font-size:12px;line-height:1.6;color:#687386;margin:16px 0 0}@media(max-width:480px){.login-card{padding:22px 18px;border-radius:14px;box-shadow:none}}