*{box-sizing:border-box}.auth-page{width:100%;min-height:calc(100dvh - var(--app-header-safe-total-height, 72px));padding:clamp(16px,2vw,28px) 12px 28px}.auth-shell{width:100%;max-width:780px;margin:0 auto}.form-modal.auth-card{position:relative;width:min(100%,680px);margin:0 auto;left:auto;transform:none;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 16%,transparent);border-radius:30px;box-shadow:0 24px 56px #2d36451a;overflow:hidden}.auth-card__topbar{padding:18px 18px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 8%,var(--surface-color)),color-mix(in srgb,var(--surface-color) 100%,transparent));border-bottom:1px solid color-mix(in srgb,var(--border-color) 10%,transparent)}.auth-card__badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 14px;margin-bottom:14px;border-radius:999px;background:color-mix(in srgb,var(--theme-primary) 10%,var(--surface-color));color:var(--theme-primary);border:1px solid color-mix(in srgb,var(--theme-primary) 16%,transparent);font-size:.85rem;font-weight:800;line-height:1}.auth-card__body{padding:6px 0 0}.form-toggle{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;padding:6px;border-radius:20px;background:color-mix(in srgb,var(--accent-soft-bg) 65%,var(--surface-color));border:1px solid color-mix(in srgb,var(--border-color) 14%,transparent)}.form-toggle button{width:100%;min-height:48px;padding:12px 16px;margin:0;border:1px solid transparent;border-radius:16px;background:transparent;color:color-mix(in srgb,var(--text-color) 72%,transparent);font-size:1rem;font-weight:800;line-height:1.2;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}#login-toggle{background:var(--theme-primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 24%,transparent)}#signup-toggle{background:transparent;color:color-mix(in srgb,var(--text-color) 72%,transparent)}.auth-panel,#login-form,#signup-form,#phone-verification-form,#forgot-password-form{position:relative;width:100%;height:auto;padding:22px 24px 24px}.form-modal form,#fp-step1,#fp-step2,#fp-step3{position:relative;width:100%;height:auto;left:auto;transform:none;display:flex;flex-direction:column;gap:12px}#signup-form{display:none}.auth-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.auth-section-title{margin:0;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:800;color:var(--text-color);line-height:1.45}.auth-section-text{margin:0;font-size:.92rem;line-height:1.8;color:color-mix(in srgb,var(--text-color) 70%,transparent)}.auth-label{display:block;margin:2px 0;font-size:.92rem;font-weight:800;color:var(--text-color);line-height:1.5}.auth-grid{display:grid;gap:12px;width:100%}.auth-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-modal button{cursor:pointer;position:relative;z-index:2;outline:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.form-modal .btn{width:100%;min-height:52px;border-radius:18px;border:1px solid transparent;font-weight:800;font-size:1rem;padding:12px 18px!important;margin:0;background:var(--theme-primary);color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 20%,transparent)}.form-modal .btn:hover{transform:translateY(-1px);filter:brightness(.98)}.form-modal .login,.form-modal .signup{background:var(--theme-primary);color:#fff;border-color:transparent}.form-modal input,.form-modal select{position:relative;width:100%;min-height:52px;font-size:1rem;padding:13px 16px;margin:0;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-color) 24%,transparent);background:color-mix(in srgb,var(--surface-color) 96%,transparent);outline:none;font-weight:700;color:var(--text-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 8%,transparent);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}.password-field{position:relative;width:100%;direction:ltr}.password-field input{direction:rtl;text-align:right;padding-left:50px;padding-right:16px}.password-field .password-toggle{position:absolute;top:50%;left:12px;right:auto;transform:translateY(-50%);width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--theme-primary) 88%,var(--text-color));box-shadow:none;z-index:4;display:inline-flex;align-items:center;justify-content:center;line-height:0}.password-field .password-toggle:hover{background:transparent;border:0;color:var(--theme-primary);transform:translateY(-50%);box-shadow:none}.password-field .password-toggle:focus{outline:none;border:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 12%,transparent)}.password-toggle__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.password-toggle__icon svg{width:18px;height:18px;display:block}.password-toggle__icon--hide,.password-toggle.is-visible .password-toggle__icon--show{display:none}.password-toggle.is-visible .password-toggle__icon--hide{display:inline-flex}body.dark-theme .password-field .password-toggle{background:transparent;border:0;color:var(--theme-primary);box-shadow:none}body.dark-theme .password-field .password-toggle:hover{background:transparent;border:0;color:#e5e8eb;box-shadow:none}.form-modal input:focus,.form-modal input:active,.form-modal select:focus{transform:none;border-color:var(--theme-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 18%,transparent),0 0 0 4px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.form-modal input::-moz-placeholder{color:color-mix(in srgb,var(--text-color) 54%,transparent)}.form-modal input::placeholder{color:color-mix(in srgb,var(--text-color) 54%,transparent)}.form-modal p{margin:0;font-size:.95rem;font-weight:700;color:var(--text-color)}.form-modal p a{color:var(--theme-primary);text-decoration:none;transition:color .2s ease}.form-modal p a:hover{color:var(--theme-secondary)}.auth-inline-link{margin-top:-2px!important;text-align:start}.auth-help-text{display:block;margin-top:-2px;color:color-mix(in srgb,var(--text-color) 68%,transparent);font-size:.84rem;line-height:1.7}.auth-policy-text{margin-top:4px!important;font-size:.92rem;line-height:1.9;color:color-mix(in srgb,var(--text-color) 80%,transparent)}.auth-policy-text strong{color:var(--text-color)}.auth-policy-text a{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:800;text-decoration:none}.auth-policy-text a:after{content:"";width:100%;height:1px;position:absolute;inset-inline-start:0;bottom:-2px;background:currentColor;opacity:.24}.auth-inline-modal[hidden]{display:none!important}.auth-inline-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px}.auth-inline-modal__backdrop{position:absolute;inset:0;background:#2d364557;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-inline-modal__dialog{position:relative;width:min(100%,560px);max-height:min(80dvh,700px);overflow:auto;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--border-color) 18%,transparent);border-radius:24px;box-shadow:0 22px 54px #2d36452e;padding:20px;z-index:1}.auth-inline-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.auth-inline-modal__title{margin:0;font-size:1.08rem;font-weight:800;color:var(--text-color);line-height:1.5}.auth-inline-modal__close{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-color) 16%,transparent);background:color-mix(in srgb,var(--surface-color) 96%,transparent);color:var(--text-color);box-shadow:0 8px 20px #2d364514;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1}.auth-inline-modal__close:hover{background:var(--accent-soft-bg);color:var(--theme-primary);border-color:color-mix(in srgb,var(--theme-primary) 20%,transparent);transform:none}.auth-inline-modal__body{display:flex;flex-direction:column;gap:10px;color:color-mix(in srgb,var(--text-color) 86%,transparent);font-size:.94rem;line-height:2}.auth-inline-modal__body p{margin:0;font-weight:700;color:inherit}body.dark-theme .auth-inline-modal__backdrop{background:#131a288f}body.dark-theme .auth-inline-modal__dialog{background:color-mix(in srgb,var(--surface-color) 96%,transparent);border-color:color-mix(in srgb,var(--border-color) 22%,transparent);box-shadow:0 24px 56px #00000057}body.dark-theme .auth-inline-modal__close{background:color-mix(in srgb,var(--surface-color) 94%,transparent);border-color:color-mix(in srgb,var(--border-color) 22%,transparent);color:var(--text-color);box-shadow:0 10px 24px #00000038}@media only screen and (max-width:640px){.auth-inline-modal{padding:10px}.auth-inline-modal__dialog{width:100%;border-radius:20px;padding:16px}.auth-inline-modal__title{font-size:1rem}}#login-error-message,#login-success-message,#signup-error-message,#signup-success-message,#verification-error-message,#fp-msg-step1,#fp-msg-step2,#fp-msg-step3{margin:0;display:none;font-weight:800;font-size:.92rem;line-height:1.8}.auth-feedback-slot{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.auth-feedback{position:relative;width:100%;padding:12px 14px;border-radius:16px;border:1px solid transparent;background:color-mix(in srgb,var(--surface-color) 94%,transparent);box-shadow:0 8px 22px #2d36450f;text-align:right}.auth-feedback--error{border-color:color-mix(in srgb,var(--theme-primary) 22%,transparent);background:color-mix(in srgb,var(--theme-primary) 10%,var(--surface-color));color:var(--theme-primary)}.auth-feedback--success{border-color:color-mix(in srgb,var(--theme-secondary) 22%,transparent);background:color-mix(in srgb,var(--theme-secondary) 10%,var(--surface-color));color:var(--theme-secondary)}#fp-msg-step1,#fp-msg-step2,#fp-msg-step3{display:block;min-height:1.5em;text-align:center;color:var(--theme-primary)}.auth-countdown-wrap{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:center;margin-top:4px}.auth-countdown-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,transparent);background:color-mix(in srgb,var(--theme-primary) 8%,var(--surface-color));box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.auth-countdown-ring{position:relative;width:58px;min-width:58px;height:58px}.auth-countdown-ring svg{width:58px;height:58px;transform:rotate(-90deg);display:block}.auth-countdown-ring__track,.auth-countdown-ring__progress{fill:none;stroke-width:4}.auth-countdown-ring__track{stroke:color-mix(in srgb,var(--border-color) 20%,transparent)}.auth-countdown-ring__progress{stroke:var(--theme-primary);stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.auth-countdown-value{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;color:var(--theme-primary)}.auth-countdown-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.auth-countdown-copy strong{color:var(--text-color);font-size:.95rem;font-weight:800;line-height:1.5}.auth-countdown-copy span{color:color-mix(in srgb,var(--text-color) 68%,transparent);font-size:.84rem;line-height:1.7}.auth-resend-button,.auth-back-button{background:var(--theme-secondary)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--theme-secondary) 18%,transparent)!important}body.dark-theme .auth-feedback{background:color-mix(in srgb,var(--surface-color) 96%,transparent);box-shadow:0 10px 24px #00000038}body.dark-theme .auth-feedback--error{border-color:color-mix(in srgb,var(--theme-primary) 28%,transparent);background:color-mix(in srgb,var(--theme-primary) 14%,var(--surface-color));color:var(--theme-primary)}body.dark-theme .auth-feedback--success{border-color:color-mix(in srgb,var(--theme-secondary) 28%,transparent);background:color-mix(in srgb,var(--theme-secondary) 14%,var(--surface-color));color:var(--theme-secondary)}body.dark-theme .auth-countdown-card{border-color:color-mix(in srgb,var(--theme-primary) 22%,transparent);background:color-mix(in srgb,var(--theme-primary) 12%,var(--surface-color));box-shadow:0 14px 30px #0000003d}body.dark-theme .auth-countdown-ring__track{stroke:color-mix(in srgb,var(--border-color) 28%,transparent)}body.dark-theme .auth-countdown-copy strong{color:var(--text-color)}body.dark-theme .auth-countdown-copy span{color:color-mix(in srgb,var(--text-color) 68%,transparent)}hr{width:100%;border:0;border-top:1px solid color-mix(in srgb,var(--border-color) 14%,transparent);margin:10px 0 0}.phone-field{position:relative;display:grid;grid-template-columns:160px minmax(0,1fr);gap:0;width:100%;direction:ltr;border:1px solid color-mix(in srgb,var(--border-color) 24%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface-color) 96%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 8%,transparent);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.phone-field:focus-within{border-color:var(--theme-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 18%,transparent),0 0 0 4px color-mix(in srgb,var(--theme-primary) 10%,transparent)}.phone-field:after{content:"";position:absolute;top:10px;bottom:10px;left:160px;width:1px;background:color-mix(in srgb,var(--border-color) 22%,transparent);pointer-events:none}.phone-field select,.phone-field input{min-height:52px;padding:13px 16px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1rem;font-weight:700;outline:none;transition:color .2s ease,background-color .2s ease}.phone-field select:focus,.phone-field input:focus,.phone-field input:active{border:0;box-shadow:none;background:transparent}.phone-field select{width:100%;text-align:center;-moz-text-align-last:center;text-align-last:center}.phone-field input{width:100%}#verification_code_container{display:none}body.dark-theme .form-modal.auth-card{background-color:color-mix(in srgb,var(--surface-color) 96%,transparent);color:var(--text-color);border-color:color-mix(in srgb,var(--border-color) 22%,transparent);box-shadow:0 24px 54px #00000052}body.dark-theme .auth-card__topbar{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 12%,var(--surface-color)),color-mix(in srgb,var(--surface-color) 100%,transparent));border-bottom-color:color-mix(in srgb,var(--border-color) 20%,transparent)}body.dark-theme .auth-card__badge{background:color-mix(in srgb,var(--theme-primary) 14%,var(--surface-color));border-color:color-mix(in srgb,var(--theme-primary) 18%,transparent);color:var(--theme-primary)}body.dark-theme .form-toggle{background:color-mix(in srgb,var(--theme-accent-light) 58%,var(--surface-color));border-color:color-mix(in srgb,var(--border-color) 20%,transparent)}body.dark-theme .form-toggle button{color:color-mix(in srgb,var(--text-color) 76%,transparent)}body.dark-theme #login-toggle{color:#fff}body.dark-theme .form-modal input,body.dark-theme .form-modal select{background-color:color-mix(in srgb,var(--surface-color) 96%,transparent);color:var(--text-color);border-color:color-mix(in srgb,var(--border-color) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 16%,transparent)}body.dark-theme .phone-field{background-color:color-mix(in srgb,var(--surface-color) 96%,transparent);border-color:color-mix(in srgb,var(--border-color) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 16%,transparent)}body.dark-theme .phone-field:after{background:color-mix(in srgb,var(--border-color) 28%,transparent)}body.dark-theme .form-modal input::-moz-placeholder{color:color-mix(in srgb,var(--text-color) 58%,transparent)}body.dark-theme .form-modal input::placeholder{color:color-mix(in srgb,var(--text-color) 58%,transparent)}body.dark-theme #login-error-message,body.dark-theme #signup-error-message,body.dark-theme #verification-error-message,body.dark-theme #fp-msg-step1,body.dark-theme #fp-msg-step2,body.dark-theme #fp-msg-step3{color:var(--theme-primary)}body.dark-theme #login-success-message,body.dark-theme #signup-success-message{color:var(--theme-secondary)}body.dark-theme #pu a,body.dark-theme .auth-inline-link a{color:var(--theme-primary)}body.dark-theme #pu a:hover,body.dark-theme .auth-inline-link a:hover{color:var(--theme-secondary)}@media only screen and (max-width:640px){.auth-page{padding-inline:8px}.form-modal.auth-card{width:100%;border-radius:24px}.auth-card__topbar{padding:14px 14px 10px}.auth-panel,#login-form,#signup-form,#phone-verification-form,#forgot-password-form{padding:18px 16px 20px}.form-toggle{width:100%}.auth-grid--two,.auth-grid--three{grid-template-columns:1fr}.phone-field{grid-template-columns:132px minmax(0,1fr);direction:ltr}.phone-field:after{left:132px}.phone-field select,.phone-field input{min-height:50px;font-size:.95rem}}@media only screen and (max-width:400px){.form-toggle button,.form-modal .btn,.form-modal input,.form-modal select{font-size:.95rem}.auth-card__badge{font-size:.8rem}.auth-section-title{font-size:1.02rem}.auth-countdown-card{gap:12px;padding:12px}.auth-countdown-ring,.auth-countdown-ring svg{width:52px;height:52px}.password-field input{padding-left:44px;padding-right:14px}.password-field .password-toggle{left:10px;width:22px;min-width:22px;height:22px;min-height:22px}.password-toggle__icon,.password-toggle__icon svg{width:16px;height:16px}}