:root{font-family:Arial,'Noto Sans KR',sans-serif;color:#17324d;background:#f3f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:980px;width:100%;background:#fff;border:1px solid #dce6ed;border-radius:24px;overflow:hidden;box-shadow:0 18px 70px #183d5e10}.intro{padding:56px 46px;background:linear-gradient(155deg,#144d53,#103847);color:#fff;display:flex;flex-direction:column}.brand{font-size:13px;letter-spacing:2px;color:#b1ead6}.intro h1{font-size:42px;line-height:1.35;letter-spacing:-1px;margin:58px 0 20px}.intro p{font-size:16px;line-height:1.85;color:#d0e4e7}.intro-note{margin-top:auto;padding-top:64px;color:#aecbce;font-size:13px;line-height:1.7}.login-card{padding:48px 40px}.step{font-size:12px;font-weight:bold;color:#168372;letter-spacing:.5px}.login-card h2{font-size:26px;margin:12px 0}.login-card>p{font-size:14px;color:#74889b;line-height:1.7}form{margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input:not([type=checkbox]){display:block;width:100%;padding:13px 14px;border:1px solid #cddce6;border-radius:9px;margin-top:8px;background:#fcfdfe;color:#17324d}input:focus{outline:2px solid #49b5a466;outline-offset:1px}.primary{background:#168372;color:#fff;width:100%;padding:14px;border-radius:9px;font-weight:600;margin-top:12px}.text-button{display:block;padding:10px 0;margin:8px auto 0;background:none;color:#517187;font-size:13px}.check{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#597084;font-weight:400}.check input{margin:0}.hint{font-size:12px;line-height:1.8;color:#74889b}.qr-box{text-align:center}.qr-box img{max-width:100%;height:auto}code{display:block;background:#f4f7fa;border-radius:6px;padding:10px;word-break:break-all;font-size:12px;color:#466781}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recovery-grid code{font-size:10px}.message{color:#b3472e!important;min-height:22px;overflow-wrap:anywhere}footer{border-top:1px solid #e9eef3;padding-top:18px;color:#91a1af;font-size:11px;margin-top:24px}@media(max-width:720px){body{padding:16px}.login-layout{grid-template-columns:1fr;max-width:470px}.intro{padding:24px 28px}.intro h1{font-size:26px;margin:20px 0 0}.intro h1 br{display:none}.intro p{font-size:13px;margin-bottom:0}.intro-note{display:none}.login-card{padding:30px 28px}}