:root{color-scheme:light;--navy:#0b1f3a;--blue:#2159d1;--ink:#17233a;--muted:#66758b;--line:#dfe6ef;--bg:#f4f7fb;--white:#fff;--danger:#b42318}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 5%,#fff 0,#f6f9fd 30%,var(--bg) 72%);font-family:"Pretendard UI",Pretendard,"Noto Sans KR",sans-serif;color:var(--ink);padding:24px}.card{width:min(100%,420px);background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,31,58,.12);padding:36px}.mark{width:48px;height:48px;border-radius:15px;background:var(--navy);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:-.04em;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}h1{font-size:28px;line-height:1.25;margin:0 0 10px;letter-spacing:-.04em}.description{margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.65}label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.password-label{margin-top:14px}input{width:100%;height:52px;border:1px solid #cdd7e4;border-radius:12px;padding:0 15px;font-size:17px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(33,89,209,.12)}button{width:100%;height:52px;margin-top:14px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-size:15px;font-weight:800;cursor:pointer}button:hover{background:#132d50}.error{color:var(--danger);font-size:13px;font-weight:700;margin:12px 0 0}.footer{margin:22px 0 0;text-align:center;color:#8995a6;font-size:12px}@media(max-width:480px){.card{padding:28px 22px;border-radius:20px}}