*{box-sizing:border-box}body{margin:0;background:#08111b;color:#e9f2fb;font-family:Arial,'Noto Sans KR',sans-serif}.page{min-height:100vh;display:grid;place-items:center;padding:28px}.card{width:min(760px,100%);background:#0d1723;border:1px solid #24384c;border-radius:20px;padding:28px;box-shadow:0 24px 70px #0008}.brand{display:flex;gap:14px;align-items:center}.logo{width:48px;height:48px;border-radius:14px;background:#eab653;color:#111;display:grid;place-items:center;font-weight:900;font-size:26px}.brand h1{margin:0 0 5px}.brand p,.notice,.msg{color:#91a3b7}.notice{margin:18px 0;padding:12px 14px;border:1px solid #59471d;border-radius:12px;background:#211b0f;color:#d9bd79}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;color:#b9c9d9;font-weight:700}input{width:100%;padding:12px 13px;border:1px solid #2c4054;border-radius:10px;background:#0a121c;color:white;font-size:15px;outline:none}input:focus{border-color:#d3a94c}.agree{display:flex;grid-template-columns:auto 1fr;align-items:start;margin:18px 0;font-weight:500}.agree input{width:auto;margin-top:2px}button{width:100%;padding:13px;border:0;border-radius:11px;background:#eab653;color:#111;font-weight:900;font-size:16px;cursor:pointer}.msg{margin-top:14px;min-height:20px}.msg.ok{color:#62ddb2}.msg.bad{color:#ff7d87}.links{display:flex;justify-content:center;gap:18px;margin-top:20px}.links a{color:#8db9e6;text-decoration:none}@media(max-width:640px){.page{padding:14px}.card{padding:20px}.grid{grid-template-columns:1fr}.full{grid-column:auto}}