:root{--auth-navy:#0b2a52;--auth-orange:#ff6533;--auth-line:#dfe7f0;--auth-muted:#718097}
.account-main{place-items:start center;padding-block:22px 64px}.account-shell{width:min(1040px,100%);grid-template-columns:minmax(330px,1fr) 500px;gap:70px}
.account-intro h1{font-size:44px}.account-intro>p:not(.section-kicker){font-size:15px}.account-intro ul{font-size:14px}
.account-card{min-height:0;padding:26px 30px;border-radius:26px;box-shadow:0 28px 80px rgba(5,25,54,.2)}
.account-card-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.account-card-head>div{display:grid;gap:1px}.account-card-head b{font-size:16px;color:#102846}.account-card-head small{font-size:12px;color:var(--auth-muted)}
.account-lock{display:grid;width:39px;height:39px;flex:0 0 39px;border-radius:12px;place-items:center;background:#edf4ff;color:#1767d7}.account-lock svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.account-tabs{margin-bottom:17px}.account-tabs button{height:42px;font-size:15px}
.account-form{gap:14px}.account-form label{font-size:14px}.account-form input{min-height:48px;font-size:15px}.account-form .button{min-height:50px;font-size:15px}
.password-field{position:relative;display:block}.password-field input{padding-right:58px}.password-field button{position:absolute;right:8px;top:50%;height:34px;transform:translateY(-50%);padding:0 9px;border:0;border-radius:8px;background:#f1f5f9;color:#5e7087;font-size:12px;font-weight:800}
.account-remember{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;width:max-content;color:#64748b!important;font-weight:600!important}.account-remember input{width:17px!important;min-height:17px!important;accent-color:var(--auth-orange)}
.password-guide{display:flex;flex-wrap:wrap;gap:7px;margin-top:-3px}.password-guide span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f2f5f8;color:#8a97a8;font-size:11px}.password-guide span:before{content:'○';font-size:9px}.password-guide span.valid{background:#eaf8f2;color:#13815f}.password-guide span.valid:before{content:'✓'}
.terms-box{min-width:0;margin:2px 0 0;padding:15px 16px;border:1px solid var(--auth-line);border-radius:14px;background:#f9fbfd}.terms-box legend{padding:0 5px;color:#243b5a;font-size:13px;font-weight:800}.terms-box label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:6px 0;color:#52647b!important}.terms-box input{width:17px!important;min-height:17px!important;margin-top:2px;accent-color:var(--auth-orange)}.terms-box label>span{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:10px}.terms-box b{font-size:12px}.terms-box a{flex:0 0 auto;color:#2468bd;font-size:11px;text-decoration:underline;text-underline-offset:2px}.terms-all{padding:2px 0 8px!important}.terms-all span{display:grid!important;justify-content:start!important;gap:1px!important}.terms-all b{font-size:14px}.terms-all small{color:#8996a8;font-size:11px;font-weight:500}.terms-divider{height:1px;margin:1px 0 5px;background:#e5ebf2}
.social-login{margin-top:16px}.social-login-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 10px}.social-login-head b{color:#163151;font-size:14px}.social-login-head small{color:#8795a7;font-size:11px}
.account-divider{display:flex;align-items:center;gap:12px;margin:15px 0 0;color:#8b98a9;font-size:12px}.account-divider:before,.account-divider:after{content:'';height:1px;flex:1;background:#e5eaf0}.account-divider span{white-space:nowrap}
.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.social-button{display:flex;min-height:47px;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s}.social-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(11,35,70,.1)}.social-button>span{display:grid;width:25px;height:25px;place-items:center}.social-button svg{width:24px;height:24px}.social-button.kakao{background:#fee500;color:#191919}.social-button.kakao svg{fill:#191919}.social-button.naver{background:#03c75a;color:#fff}.social-button.naver>span{border-radius:4px;background:#fff;color:#03b753;font-family:Arial,sans-serif;font-size:16px;font-weight:900}
.social-login>p{margin:9px 3px 0;color:#8a97a8;font-size:10px;line-height:1.55;text-align:center}.social-login>p a{color:#536a88;text-decoration:underline;text-underline-offset:2px}.account-card .form-message{font-size:13px}
@media(max-width:900px){.account-shell{grid-template-columns:minmax(260px,1fr) 480px;gap:35px}.account-intro h1{font-size:37px}}
@media(max-width:680px){.account-main{padding:18px 13px 50px}.account-intro{padding-bottom:20px}.account-intro h1{font-size:30px}.account-intro>p:not(.section-kicker){font-size:14px}.account-card{padding:21px 17px;border-radius:20px}.account-card-head{margin-bottom:16px}.account-card-head b{font-size:16px}.account-card-head small{font-size:12px}.social-login-head small{display:none}.social-buttons{grid-template-columns:1fr 1fr}.social-button{font-size:13px}.terms-box{padding:13px}.terms-box b{font-size:12px}}
