@charset "utf-8";
/* HPASS login: single clean isolated rule set. */
.login-wrapper{
 --hp-card:#0d1a36;--hp-field:#11203f;--hp-line:#2d4a78;--hp-cyan:#22d3ee;--hp-cyan-light:#67e8f9;--hp-green:#34d399;--hp-text:#f8fafc;--hp-muted:#94a3b8;
 box-sizing:border-box!important;position:relative!important;inset:auto!important;display:block!important;float:none!important;clear:both!important;
 width:520px!important;min-width:0!important;max-width:calc(100% - 48px)!important;height:auto!important;min-height:0!important;
 margin:60px auto!important;padding:16px!important;color:var(--hp-text)!important;
 font-family:'Noto Sans KR','Outfit',-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;
 transform:none!important;translate:none!important
}
.login-wrapper,.login-wrapper *{box-sizing:border-box}
.login-wrapper .home-button-wrapper{display:none!important}
.login-wrapper .login-container{position:static!important;inset:auto!important;width:486px!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;transform:none!important}
.login-wrapper .login-card{position:static!important;inset:auto!important;width:486px!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:26px 30px!important;overflow:hidden!important;border:1px solid var(--hp-line)!important;border-radius:14px!important;background:var(--hp-card)!important;box-shadow:0 20px 60px rgba(0,0,0,.35)!important;transform:none!important}
.login-wrapper .login-header{width:424px!important;max-width:100%!important;height:76px!important;min-height:76px!important;margin:0!important;padding:20px 24px!important;border:1px solid var(--hp-line)!important;border-radius:12px 12px 0 0!important;background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(52,211,153,.08))!important}
.login-wrapper .login-tab{display:block!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;color:var(--hp-text)!important;font-family:'Noto Sans KR','Outfit',-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:36px!important;letter-spacing:normal!important;text-align:center!important;-webkit-font-smoothing:antialiased!important}
.login-wrapper .login-body{width:424px!important;max-width:100%!important;margin:0!important;padding:26px 0 0!important;background:var(--hp-card)!important}
.login-wrapper form{width:100%!important;margin:0!important}
.login-wrapper .form-group{width:100%!important;height:50px!important;margin:0 0 12px!important}
.login-wrapper .input-group{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:50px!important}
.login-wrapper .input-icon{position:absolute!important;z-index:2!important;top:50%!important;left:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;margin:0!important;color:var(--hp-muted)!important;font-size:12px!important;line-height:14px!important;transform:translateY(-50%)!important}
.login-wrapper .form-input{display:block!important;width:100%!important;height:50px!important;margin:0!important;padding:0 18px 0 47px!important;border:1px solid var(--hp-line)!important;border-radius:10px!important;outline:0!important;background:var(--hp-field)!important;color:var(--hp-text)!important;font:inherit!important;font-size:14px!important;box-shadow:inset 0 0 0 1px rgba(34,211,238,.04)!important}
.login-wrapper .form-input::placeholder{color:var(--hp-muted)!important;opacity:1!important}
.login-wrapper .form-input:focus{border-color:var(--hp-cyan)!important;background:var(--hp-card)!important;box-shadow:0 0 0 3px rgba(34,211,238,.16),0 0 22px rgba(34,211,238,.12)!important}
.login-wrapper .form-input:-webkit-autofill{-webkit-text-fill-color:var(--hp-text)!important;-webkit-box-shadow:0 0 0 1000px var(--hp-field) inset!important}
.login-wrapper .form-options{width:100%!important;margin:16px 0!important}
.login-wrapper .checkbox-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}
.login-wrapper .checkbox-label{display:inline-flex!important;align-items:center!important;color:var(--hp-muted)!important;font-size:14px!important;cursor:pointer!important}
.login-wrapper .checkbox-box{position:relative!important;width:20px!important;height:20px!important;margin-right:9px!important;border:1px solid var(--hp-line)!important;border-radius:6px!important;background:var(--hp-field)!important}
.login-wrapper .checkbox-input:checked+.checkbox-label .checkbox-box{border-color:var(--hp-cyan-light)!important;background:var(--hp-cyan)!important;box-shadow:0 0 0 3px rgba(34,211,238,.14)!important}
.login-wrapper .checkbox-input:checked+.checkbox-label .checkbox-box::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#04131f;font-size:14px;font-weight:900}
.login-wrapper .btn-login{display:flex!important;align-items:center!important;justify-content:center!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:46px!important;margin:0 auto!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--hp-cyan),var(--hp-green))!important;color:#04131f!important;font:inherit!important;font-size:14px!important;font-weight:800!important;box-shadow:0 10px 28px rgba(34,211,238,.18)!important;cursor:pointer!important}
.login-wrapper .login-links{display:flex!important;justify-content:center!important;gap:12px!important;width:100%!important;margin:16px 0 0!important;padding:14px 0 0!important;border-top:1px solid rgba(34,211,238,.14)!important}
.login-wrapper .login-links a{color:var(--hp-muted)!important;font-size:14px!important;text-decoration:none!important}
.login-wrapper .login-links a:hover{color:var(--hp-cyan)!important}
.login-wrapper .login-links span{color:var(--hp-line)!important}
.login-wrapper .sound_only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:768px){
 .login-wrapper{width:100%!important;max-width:100%!important;min-height:0!important;margin:24px auto 36px!important;padding:0!important}
 .login-wrapper .login-container,.login-wrapper .login-card{width:100%!important;max-width:100%!important}
 .login-wrapper .login-card{padding:20px!important;border-radius:14px!important}
 .login-wrapper .login-header{width:100%!important;height:72px!important;min-height:72px!important;padding:18px 20px!important}
 .login-wrapper .login-tab{height:36px!important;min-height:36px!important;font-size:18px!important;line-height:36px!important}
 .login-wrapper .login-body{width:100%!important;padding-top:22px!important}
}