*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Noto Sans KR",sans-serif}body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#123b5a,#061522 58%);color:#eff8ff}.login-card{width:min(440px,100%);padding:38px;border:1px solid #245273;border-radius:18px;background:#0b2940;box-shadow:0 28px 70px #0008}.brand{display:block;text-align:center;color:#fff;text-decoration:none}.brand b{font-size:26px}.brand i{font-style:normal;color:#3a9dff}.brand small{display:block;margin-top:4px;color:#72a6c8;font-size:9px;letter-spacing:.28em}.lock{text-align:center;margin-top:31px;font-size:34px}h1{text-align:center;margin:12px 0 8px;font-size:28px}p{text-align:center;margin:0 0 25px;color:#8fb5ce}.message{margin-bottom:16px;padding:12px;border:1px solid #a84b59;border-radius:8px;background:#4c2030;color:#ffd4da;font-size:14px}label{display:block;margin:15px 0;color:#a8c9df;font-size:13px}input{display:block;width:100%;height:48px;margin-top:7px;padding:0 14px;border:1px solid #315e7d;border-radius:8px;background:#061c2d;color:#fff;font-size:16px;outline:none}input:focus{border-color:#39a2ff;box-shadow:0 0 0 3px #258ada33}button{width:100%;height:50px;margin-top:10px;border:0;border-radius:8px;background:linear-gradient(135deg,#237cf5,#35a8ff);color:#fff;font-size:16px;font-weight:800;cursor:pointer}.back{display:block;margin-top:22px;text-align:center;color:#7fa8c2;text-decoration:none;font-size:13px}

.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.login-brand img{width:76px;height:76px;object-fit:cover;border-radius:16px;flex:0 0 76px}.login-brand b{display:block;font-size:22px;line-height:1.2}.login-brand small{display:block;margin-top:4px;opacity:.7}