.auth-container{background:var(--surface);justify-content:center;align-items:center;min-height:100vh;padding:clamp(16px,4vw,24px) clamp(12px,3vw,16px);display:flex;position:relative;overflow:hidden}@media (max-width:767.98px){.auth-container{align-items:flex-start}}.auth-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-bg-half{opacity:.07;height:clamp(200px,42vw,460px);position:absolute;bottom:0}.auth-bg-left{width:78.85%;left:-28.49%}.auth-bg-right{width:78.11%;left:40.36%}@media (max-width:767.98px){.auth-bg-left{width:62%;left:-12%}.auth-bg-right{width:62%;left:auto;right:-12%}}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--border-strong);width:100%;max-width:440px;box-shadow:0 1px 3px 0 var(--shadow-color-md), 0 1px 2px -1px var(--shadow-color-md);border-radius:clamp(20px,4vw,32px);padding:clamp(24px,5vw,40px);position:relative}.auth-card:after{content:"";z-index:0;background:linear-gradient(180deg, var(--tint-orange-warm-0) 0%, var(--tint-orange-warm-15) 126.74%);border-radius:0 0 clamp(20px,4vw,32px) clamp(20px,4vw,32px);width:100%;height:144px;position:absolute;bottom:0;left:0;right:0}.login-logo{background:var(--bg-soft);border:2px solid var(--surface);width:56px;height:56px;box-shadow:0px 28px 35px -7px var(--shadow-color-md);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-logo-mark{color:var(--brand-orange);font-size:32px;line-height:1}.login-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:18px;font-weight:700}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px;font-weight:400}.login-subtitle span{color:var(--brand-orange)}.login-form{z-index:10;flex-direction:column;display:flex;position:relative}.field-area{flex-direction:column;gap:24px;display:flex;position:relative}.login-label{color:var(--text-primary);margin-bottom:5px;font-size:14px;font-weight:500;display:block}.login-label-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.login-label-row .login-label{margin-bottom:0}.login-forgot{color:var(--text-primary);z-index:20;font-size:14px;font-weight:400;text-decoration:underline}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{z-index:20;color:var(--text-secondary);pointer-events:none;line-height:1;display:flex;position:absolute;left:14px}.login-input{border:1px solid var(--border);width:100%;height:36px;color:var(--text-primary);background:var(--surface);box-shadow:0px 1px 2px 0 var(--shadow-color-xs);border-radius:8px;outline:none;flex:none;padding:0 12px 0 38px;font-size:14px;line-height:1;position:relative}.login-input-highlight{border-color:var(--status-danger);box-shadow:0px 0px 0px 3px var(--tint-red-20)}.login-input:focus{border-color:var(--status-danger)!important;box-shadow:0px 0px 0px 3px var(--tint-red-20)!important}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.login-input.login-input-two{padding:0 12px}.login-input::placeholder{color:var(--text-secondary)}.login-input:focus{outline:none}.login-eye{z-index:20;color:var(--text-secondary);cursor:pointer;background:0 0;padding:4px;display:flex;position:absolute;right:10px}.login-remember{z-index:20;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin-top:12px;margin-bottom:24px;font-size:14px;font-weight:500;line-height:1;display:flex;position:relative}.login-remember-check{cursor:pointer;appearance:none;border:1px solid var(--border);width:16px;height:16px;box-shadow:0px 1px 2px 0 var(--shadow-color-xs);background:0 0;border-radius:4px;margin:0;display:inline-block;position:relative}.login-remember-check:focus{outline:none}.login-remember-check:checked{background:var(--brand-orange);border:2px solid var(--brand-orange)}.login-remember-check:checked:after{content:"";border:solid var(--surface);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.login-submit{background:linear-gradient(180deg, var(--brand-orange-light) 0%, var(--brand-orange) 100%);width:100%;height:38px;color:var(--surface);box-shadow:0px -3px 6px 0px var(--text-primary) 33 inset;border:1px solid;border-image-source:linear-gradient(180deg, var(--brand-orange-light) 0%, var(--brand-orange-700) 100%);cursor:pointer;text-align:center;z-index:20;appearance:none;background-clip:padding-box;border-radius:10px;outline:none;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;transition:opacity .2s;display:flex;position:relative}.login-submit:hover{opacity:.92}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit:disabled:hover{opacity:.6}.login-divider{color:var(--text-secondary);justify-content:center;align-items:center;margin:16px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);width:25%;height:1px}.login-divider span{padding:0 14px}.login-coach-btn{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:38px;color:var(--text-primary);z-index:20;box-shadow:0px -3px 6px 0px var(--text-primary) 18 inset;cursor:pointer;text-align:center;appearance:none;background-clip:padding-box;border-radius:10px;outline:none;flex:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1;transition:opacity .2s,border-color .2s,background-color .2s,color .2s;display:flex;position:relative}.login-coach-btn:hover{opacity:.82}.login-coach-btn--active{border-color:var(--brand-orange,#f97316);color:var(--brand-orange,#f97316);background:#fff7ed}.login-coach-check{border:1px solid var(--border-strong);background:var(--surface);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.login-coach-check--on{border-color:var(--brand-orange,#f97316);background:var(--brand-orange,#f97316)}.login-bottomText{text-align:center;z-index:20;color:var(--text-secondary);padding:14px 0 0;font-size:14px;position:relative}.login-backtoLink{color:var(--text-primary);background:0 0;padding-left:5px;font-weight:500;text-decoration:underline;position:relative}.login-resentLink{color:var(--event-blue);background:0 0;padding-left:5px;font-weight:500;text-decoration:underline;position:relative}.otp-row{justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.otp-group{gap:0;display:flex}.otp-dash{color:var(--text-primary);-webkit-user-select:none;user-select:none}.otp-box{border:1px solid var(--border);background:var(--surface);text-align:center;width:38px;height:38px;color:var(--text-primary);box-shadow:0px 1px 2px 0 var(--shadow-color-xs);border-radius:0;outline:none;flex:none;font-size:14px;font-weight:400}.otp-box:first-child,.otp-box:nth-child(2){border-right:none}.otp-box:first-child{border-radius:8px 0 0 8px}.otp-box:nth-child(3){border-radius:0 8px 8px 0}.otp-box:focus{outline:none}.otp-group-active{border-color:var(--status-danger);box-shadow:0px 0px 0px 3px var(--tint-red-20);z-index:2;position:relative}.pw-meter{gap:10px;margin-top:10px;display:flex}.pw-bar{background:var(--border);border-radius:999px;flex:1;height:4px;transition:background .2s}.pw-meter--level1 .pw-bar--filled{background:var(--status-danger)}.pw-meter--level2 .pw-bar--filled{background:var(--brand-orange-500-alt)}.pw-meter--level3 .pw-bar--filled{background:var(--event-yellow)}.pw-meter--level4 .pw-bar--filled{background:var(--event-teal)}.error-message{color:var(--status-danger);margin-top:5px;font-size:14px;font-weight:400}.auth-alert,.auth-note{z-index:20;text-align:center;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;position:relative}.auth-alert{background:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger)}.auth-note{background:var(--status-success-bg-soft);border:1px solid var(--status-success-100);color:var(--status-success-strong)}.success-logo{background:var(--brand-orange);width:55px;height:56px;color:var(--surface);box-shadow:0px 25px 25px 0px var(--shadow-color-lg);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-submit--link{text-decoration:none}.login-resentLink:disabled{opacity:.6;cursor:not-allowed}.role-toggle{gap:8px;display:flex}.role-option{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-secondary);cursor:pointer;box-shadow:0px 1px 2px 0 var(--shadow-color-xs);border-radius:8px;flex:1;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.role-option--active{border-color:var(--brand-orange);background:linear-gradient(180deg, var(--brand-orange-bg) 0%, var(--brand-orange-bg-strong) 100%);color:var(--brand-orange-strong)}.cc-toast-wrap{z-index:1000;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;top:24px;left:0;right:0}.cc-toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--status-success);min-width:280px;max-width:420px;box-shadow:0 12px 32px var(--shadow-color-menu-strong);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 18px;animation:.35s cubic-bezier(.21,1.02,.73,1) cc-toast-in;display:flex}.cc-toast-icon{color:var(--status-success);flex-shrink:0;margin-top:1px;display:flex}.cc-toast-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.cc-toast-msg{color:var(--text-secondary);margin:2px 0 0;font-size:13px}@keyframes cc-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:360px){.auth-card{max-width:100%;margin-top:16px}}