.login{background-color:var(--lp-bg);min-height:100vh;display:flex}.login-brand{background-color:var(--lp-ink);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 48px;display:flex;position:relative}.login-brand__logo{margin-bottom:24px}.login-brand__title{color:#fff;text-align:center;letter-spacing:-.03em;margin-bottom:12px;font-size:32px;font-weight:700}.login-brand__desc{color:#ffffffb3;text-align:center;max-width:360px;font-size:16px;line-height:1.7}.login-form-panel{flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:100%;max-width:420px;position:relative}.login-card__header{margin-bottom:32px}.login-card__title{color:var(--lp-txt);letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:700}.login-card__subtitle{color:var(--lp-txt-2);font-size:15px}.login-form__group{margin-bottom:20px}.login-form__label{font-size:var(--font-size-sm);color:var(--color-txt);margin-bottom:6px;font-weight:600;display:block}.login-form__input-wrap{align-items:center;display:flex;position:relative}.login-form__input-icon{color:var(--color-txt-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:14px}.login-form__input{border:1px solid var(--lp-line-strong);border-radius:var(--lp-radius-md);background-color:var(--lp-surface);width:100%;color:var(--lp-txt);font-size:var(--font-size-base);outline:none;padding:13px 14px 13px 44px;font-family:inherit;transition:border-color .16s}.login-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.login-form__input:focus+.login-form__input-icon,.login-form__input:focus~.login-form__input-icon{color:var(--color-primary)}.login-form__input::placeholder{color:var(--color-txt-muted)}.login-form__toggle-pw{color:var(--color-txt-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.login-form__toggle-pw:hover{color:var(--color-txt)}.login-form__options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.login-form__remember{cursor:pointer;align-items:center;gap:8px;display:flex}.login-form__checkbox{border:1.5px solid var(--color-bdr);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:5px;position:relative}.login-form__checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.login-form__checkbox:checked:after{content:"✓";color:#fff;font-size:var(--font-size-xs);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-form__remember-text{font-size:var(--font-size-sm);color:var(--color-txt-secondary)}.login-form__forgot{font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);font-weight:600}.login-form__forgot:hover{color:var(--color-primary-hover)}.login-form__submit{color:#fff;background-color:var(--lp-primary);cursor:pointer;border:none;border-radius:999px;width:100%;margin-bottom:24px;padding:14px;font-size:16px;font-weight:700;transition:background-color .16s}.login-form__submit:hover{background-color:var(--lp-primary-dark)}.login-form__divider{align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-form__divider-line{background-color:var(--color-bdr);flex:1;height:1px}.login-form__divider-text{font-size:var(--font-size-sm);color:var(--color-txt-muted);white-space:nowrap}.login-oauth{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.login-oauth__btn{width:100%;font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--lp-line-strong);background-color:var(--lp-surface);color:var(--lp-txt);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px;font-weight:700;transition:border-color .16s,color .16s;display:flex}.login-oauth__btn:hover{border-color:var(--lp-primary);color:var(--lp-primary)}.login-oauth__icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.login-oauth__icon svg{width:20px;height:20px}.login-card__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-txt-secondary)}.login-card__footer-link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);font-weight:600}.login-card__footer-link:hover{color:var(--color-primary-hover)}.login-form__spinner{animation:.8s linear infinite spin}.login-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form__input:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.login{flex-direction:column}.login-brand{min-height:280px;padding:48px 32px}.login-brand__logo{margin-bottom:16px;font-size:48px}.login-brand__title{font-size:24px}.login-brand__desc{font-size:var(--font-size-sm)}.login-form-panel{padding:32px 24px}}@media (width<=640px){.login-brand{min-height:200px;padding:32px 20px}.login-brand__title{font-size:20px}.login-form-panel{padding:24px 20px}.login-card__title{font-size:24px}}.auth-status-center{text-align:center}.auth-status-icon{margin:0 auto 20px;display:block}.auth-status-icon--loading{color:var(--color-primary);animation:1s linear infinite spin}.auth-status-icon--success{color:#22c55e}.auth-status-icon--error{color:#ef4444}.auth-success-icon{color:#22c55e;margin:0 auto 20px;display:block}.auth-link-btn{text-align:center;text-decoration:none;display:block}.auth-icon-inline{vertical-align:-2px;width:14px;height:14px;margin-right:4px;display:inline-block}.register-mode-toggle{border-radius:var(--radius-md);border:1.5px solid var(--color-bdr);background-color:var(--color-surface);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.register-mode-toggle__btn{color:var(--color-txt-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-weight:600;display:flex}.register-mode-toggle__btn:hover{color:var(--color-txt);background-color:var(--color-surface-light)}.register-mode-toggle__btn--active{background-color:var(--lp-primary);color:#fff}.register-mode-toggle__btn--active:hover{color:#fff}.register-phone-group{gap:8px;display:flex}.country-picker{flex-shrink:0;position:relative}.country-picker__trigger{border:1.5px solid var(--color-bdr);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-txt);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box;outline:none;align-items:center;gap:6px;height:100%;padding:10px;font-family:inherit;display:flex}.country-picker__trigger:hover:not(:disabled){border-color:var(--color-primary)}.country-picker__trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.country-picker__trigger:disabled{opacity:.6;cursor:not-allowed}.country-picker__flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:22px;height:16px}.country-picker__code{font-weight:500;font-size:var(--font-size-sm);color:var(--color-txt)}.country-picker__chevron{color:var(--color-txt-muted);transition:transform var(--transition-fast);flex-shrink:0}.country-picker__chevron--open{transform:rotate(180deg)}.country-picker__dropdown{z-index:100;background:var(--color-surface);border:1.5px solid var(--color-bdr);border-radius:var(--radius-md);flex-direction:column;min-width:280px;max-height:320px;animation:.15s ease-out countryPickerFadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}@keyframes countryPickerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-picker__search-wrap{border-bottom:1px solid var(--color-bdr);flex-shrink:0;padding:8px;position:relative}.country-picker__search-icon{color:var(--color-txt-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.country-picker__search{border:1.5px solid var(--color-bdr);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-txt);font-size:var(--font-size-sm);box-sizing:border-box;outline:none;padding:8px 8px 8px 30px;font-family:inherit}.country-picker__search:focus{border-color:var(--color-primary)}.country-picker__list{flex:1;max-height:260px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.country-picker__list::-webkit-scrollbar{width:6px}.country-picker__list::-webkit-scrollbar-track{background:0 0}.country-picker__list::-webkit-scrollbar-thumb{background:var(--color-bdr);border-radius:3px}.country-picker__item{cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.country-picker__item:hover{background:var(--color-bg)}.country-picker__item--selected{background:var(--color-primary-muted)}.country-picker__item-label{color:var(--color-txt);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.country-picker__item-iso{color:var(--color-txt-muted);flex-shrink:0;font-size:.75rem}.country-picker__item-dial{color:var(--color-txt-muted);font-weight:500;font-size:var(--font-size-sm);text-align:right;flex-shrink:0;min-width:48px}.country-picker__empty{text-align:center;color:var(--color-txt-muted);font-size:var(--font-size-sm);padding:16px 12px}.register-phone-group .login-form__input-wrap{flex:1}.login-form__input-wrap--with-status .login-form__input{padding-right:44px}.login-form__field-status{pointer-events:none;align-items:center;display:flex;position:absolute;right:12px}.login-form__field-status--available{color:#22c55e}.login-form__field-status--taken{color:#ef4444}.login-form__field-status--checking{color:var(--color-txt-muted);animation:.8s linear infinite spin}.login-form__field-hint{align-items:center;gap:4px;margin-top:6px;font-size:12px;line-height:1.4;display:flex}.login-form__field-hint--error{color:#ef4444}.login-form__field-hint--success{color:#22c55e}.login-form__field-hint--info{color:var(--color-txt-muted)}.register-legal{margin:20px 0 16px}.register-legal__row{font-size:var(--font-size-sm);color:var(--color-txt-secondary);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.45;display:flex}.register-legal__row .login-form__checkbox{flex-shrink:0}.register-legal__group+.register-legal__group{margin-top:14px}.register-legal__group--optional{border-top:1px solid var(--color-bdr);padding-top:14px}.register-legal__optional{font-size:var(--font-size-xs);color:var(--color-txt-muted);white-space:nowrap}.register-legal__links{font-size:var(--font-size-sm);margin-top:8px;padding-left:28px}.register-legal__link{color:var(--color-primary);font-weight:600;text-decoration:none}.register-legal__link:hover{text-decoration:underline}.register-legal__separator{color:var(--color-txt-muted);margin:0 6px}.register-legal--notice{text-align:center;margin:16px 0 0}.register-legal--notice .register-legal__links{padding-left:0}.register-legal__notice-text{font-size:var(--font-size-sm);color:var(--color-txt-muted);margin:0;line-height:1.45}.register-otp-inputs{justify-content:center;gap:10px;margin:32px 0;display:flex}.register-otp-input{text-align:center;border:1.5px solid var(--color-bdr);border-radius:var(--radius-md);background-color:var(--color-surface);width:48px;height:56px;color:var(--color-txt);transition:all var(--transition-fast);caret-color:var(--color-primary);outline:none;font-family:inherit;font-size:24px;font-weight:700}.register-otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.register-otp-input::placeholder{color:var(--color-txt-muted);font-size:20px}.register-otp-countdown{text-align:center;font-size:var(--font-size-sm);color:var(--color-txt-muted);margin-top:16px}.register-otp-resend{text-align:center;font-size:var(--font-size-sm);color:var(--color-txt-secondary);margin-top:16px}.register-otp-resend__btn{color:var(--color-primary);font-family:inherit;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-left:4px;padding:0}.register-otp-resend__btn:hover{color:var(--color-primary-hover)}.register-otp-resend__btn:disabled{color:var(--color-txt-muted);cursor:not-allowed}@media (width<=640px){.register-otp-input{width:40px;height:48px;font-size:20px}.register-otp-inputs{gap:6px}.country-picker__dropdown{min-width:260px}}.auth-lang-pos{z-index:10;position:absolute;top:0;right:0}.auth-callback{background-color:var(--lp-bg);min-height:100vh;color:var(--lp-txt-3);justify-content:center;align-items:center;font-size:15px;display:flex}
