/* The member entrance follows Kangkoong.com's minimal dark authentication pages. */
.auth-body{min-height:100vh;background:#050506;color:#f2f2ef;font-family:"Be Vietnam Pro",sans-serif;display:flex;flex-direction:column}
.kk-auth-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 5.4%;min-height:98px;border-bottom:1px solid #161719}
.kk-auth-header .brand{font-size:25px}
.kk-auth-back{display:flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;font-size:10px;color:#9a9b94;letter-spacing:.5px}
.kk-auth-back:hover{color:#c2f74f}
.kk-auth-back .icon{width:15px;height:15px}
.kk-auth-main{display:flex;flex:1;justify-content:center;align-items:flex-start;width:100%;padding:75px 24px 82px;min-height:calc(100svh - 166px)}
.kk-auth-content{width:100%;max-width:448px;min-width:0}
.auth-body .kk-auth-content>.eyebrow{display:flex;align-items:center;gap:12px;font-family:"JetBrains Mono",monospace;color:#91928a;font-size:10px;font-weight:400;letter-spacing:2.1px;margin:0 0 22px}
.auth-body .kk-auth-content>.eyebrow::before,.auth-body .auth-form .form-label::before{content:"";width:17px;height:1px;flex-shrink:0;background:#484a43}
.auth-body .auth-title{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:52px;line-height:1.12;letter-spacing:-2.7px;margin:0 0 18px;color:#f2f2ef}
.auth-body .auth-subtitle{font-size:13px;color:#8e8e88;line-height:1.85;margin:0 0 42px}
.auth-body .auth-form{display:flex;flex-direction:column;gap:29px}
.auth-body .auth-form .form-label{display:flex;align-items:center;gap:10px;color:#979990;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:400;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:0}
.auth-body .auth-form .form-input{min-height:57px;border:0;border-bottom:1px solid #303135;background:transparent;border-radius:0;color:#f2f2ef;font-size:16px;padding:16px 0;caret-color:#c2f74f;box-shadow:none}
.auth-body .auth-form .form-input::placeholder{color:#5d5f59}
.auth-body .auth-form .form-input:focus{border-color:#c2f74f;background:transparent;box-shadow:none;outline:0}
.auth-body .auth-form .password-field .form-input{padding-right:40px}
.auth-body .auth-form input:-webkit-autofill{-webkit-text-fill-color:#f2f2ef;-webkit-box-shadow:0 0 0 1000px #050506 inset;caret-color:#c2f74f}
.auth-body .password-toggle{top:12px;right:0;color:#77796f;border-radius:50%;width:32px;height:32px}
.auth-body .password-toggle:hover{color:#c2f74f;background:#171719}
.kk-auth-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:-5px}
.auth-body .checkbox-label{color:#93958c;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.7px;gap:9px;text-transform:uppercase}
.auth-body .checkbox-label input{margin:0;accent-color:#c2f74f;width:13px;height:13px}
.auth-body .kk-auth-options .text-link{font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:400;letter-spacing:.3px;color:#94968c}
.auth-body .kk-auth-options .text-link:hover{color:#c2f74f}
.auth-body .auth-form>.btn-primary{background:#c2f74f;color:#10120b;border:1px solid #c2f74f;min-height:56px;padding:17px 25px;border-radius:999px;font-size:14px;font-weight:700;justify-content:center;margin-top:4px}
.auth-body .auth-form>.btn-primary:hover{background:#d1ff6b;border-color:#d1ff6b}
.auth-body .auth-form>.btn-primary .icon{width:18px;height:18px}
.auth-body .auth-switch{font-family:"JetBrains Mono",monospace;font-size:10px;line-height:1.8;letter-spacing:.1px;color:#777a71;margin-top:30px;text-align:center}
.auth-body .auth-switch a{color:#c2f74f;font-weight:400;margin-left:4px}
.auth-body .form-hint{color:#85877e;font-size:10px;margin-top:9px;line-height:1.7}
.auth-body .kk-auth-content .alert{font-size:11px;overflow-wrap:anywhere}
.kk-auth-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;border-top:1px solid #18191b;padding:22px 5.4%;font-family:"JetBrains Mono",monospace;font-size:8px;color:#72746a}
.kk-auth-footer>span:last-child{letter-spacing:1.4px}
@media(min-width:1500px){.kk-auth-main{padding-top:100px}}
@media(max-width:600px){.kk-auth-header{min-height:83px;padding:24px}.kk-auth-header .brand{font-size:23px}.kk-auth-back{font-size:8px;gap:7px;letter-spacing:0}.kk-auth-back .icon{width:13px;height:13px}.kk-auth-main{padding:54px 28px 60px;min-height:calc(100svh - 150px)}.auth-body .kk-auth-content>.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:21px}.auth-body .auth-title{font-size:42px;letter-spacing:-2.1px}.auth-body .auth-subtitle{font-size:12px;margin-bottom:35px}.auth-body .auth-form .form-input{font-size:16px;min-height:57px}.auth-body .auth-form .form-label{font-size:9px}.auth-body .auth-form{gap:27px}.auth-body .auth-form>.btn-primary{min-height:53px;font-size:13px}.kk-auth-footer{min-height:67px;padding:23px;justify-content:center;text-align:center}.kk-auth-footer>span:last-child{display:none}}
@media(max-width:390px){.kk-auth-header{padding-left:20px;padding-right:20px;gap:12px}.kk-auth-header .brand{font-size:21px;gap:8px}.kk-auth-back{max-width:125px;line-height:1.7}.kk-auth-main{padding-left:24px;padding-right:24px}.auth-body .auth-title{font-size:38px;letter-spacing:-1.8px}.auth-body .auth-switch{font-size:9px}}