.auth-shell{--auth-gold:#d1b063;--auth-gold-soft:#cdb26f;--auth-teal:#19c2c7;--auth-teal-dark:#12b3b7;--auth-teal-soft:#19c2c72e;--auth-text:#5e5b60;--auth-text-strong:#555258;--auth-muted:#bdb9b5;--auth-panel:#fff9;--auth-panel-border:#ffffffbf;--auth-shadow:0 14px 32px #6662641a;direction:rtl;background-color:#e8f4f4;background-image:-webkit-image-set(url(/img/main-bg.webp) 1x type("image/webp"),url(/img/main-bg.png) 1x type("image/png"));background-image:image-set("/img/main-bg.webp" 1x type("image/webp"),"/img/main-bg.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100vw;min-height:100vh;overflow-x:hidden}.auth-page{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:48px 24px 72px;display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";pointer-events:none;filter:blur(58px);z-index:0;position:absolute;inset:auto}.auth-page:before{background:radial-gradient(circle,#19c2c733 0%,#19c2c700 72%);width:420px;height:420px;top:300px;right:calc(50% - 160px)}.auth-page:after{background:radial-gradient(circle,#19c2c724 0%,#19c2c700 75%);width:320px;height:320px;top:410px;left:6%}.auth-hero,.auth-card,.auth-otp-stage,.auth-back-button{z-index:1;position:relative}.auth-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:36px;display:flex}.auth-hero__title{color:var(--auth-gold);margin:0;font-size:clamp(1.55rem,2.8vw,1.85rem);font-weight:800;line-height:1.25}.auth-hero__subtitle{color:var(--auth-text-strong);margin:0;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.65}.auth-card{background:var(--auth-panel);border:1px solid var(--auth-panel-border);width:min(560px,100vw - 48px);min-height:0;box-shadow:var(--auth-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);border-radius:28px;padding:32px 28px 28px}.auth-card__badge{color:var(--auth-muted);letter-spacing:-.02em;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:500;line-height:1.4;position:absolute;top:24px}.auth-card__inner{flex-direction:column;align-items:stretch;gap:12px;width:min(420px,100%);margin:0 auto;display:flex}.auth-card__title{color:var(--auth-text-strong);text-align:center;margin:0 0 4px;font-size:clamp(1.2rem,1.6vw,1.35rem);font-weight:700;line-height:1.55}.auth-method-switch{background:#cdcdd0e0;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px;display:grid;box-shadow:inset 0 1px 2px #ffffffa6,0 6px 12px #7876791a}.auth-method-switch button{appearance:none;color:#78767a;background:0 0;border:none;border-radius:999px;height:44px;font-size:clamp(.95rem,1vw,1.05rem);font-weight:600;transition:all .24s}.auth-method-switch button.is-active{color:var(--auth-teal);background:#fffffffa;box-shadow:0 6px 12px #59585b2e}.auth-fields{flex-direction:column;gap:10px;display:flex}.auth-field{display:flex;position:relative}.auth-field input{border:1.5px solid var(--auth-teal);width:100%;height:48px;color:var(--auth-text-strong);text-align:right;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;caret-color:var(--auth-teal-dark);background:#ffffffe0;border-radius:14px;outline:none;padding:0 16px;font-size:clamp(.95rem,1.2vw,1rem);font-weight:500;line-height:1.5;transition:box-shadow .2s,border-color .2s,transform .2s}.auth-field input::-moz-selection{color:#1f1b1b;background:#19c2c761}.auth-field input::selection{color:#1f1b1b;background:#19c2c761}.auth-field input::placeholder{color:#a9a6ac;opacity:1}.auth-field input:focus{border-color:var(--auth-teal-dark);box-shadow:0 0 0 3px #19c2c724}.auth-field--password input{padding-inline-start:64px}.auth-password-icons{pointer-events:none;z-index:1;align-items:center;gap:6px;display:inline-flex;position:absolute;inset-block:0;inset-inline-start:12px}.auth-password-icons .auth-password-icon,.auth-password-icons button{pointer-events:auto}.auth-password-icon{appearance:none;opacity:.68;background:0 0;border:none;width:26px;height:26px;padding:0;transition:transform .2s,opacity .2s}.auth-password-icon.is-active{opacity:1;transform:scale(1.02)}.auth-password-icon img{width:100%;height:100%}.auth-submit{appearance:none;color:#fff;background:linear-gradient(#2dc0c4 0%,#25bbbf 100%);border:none;border-radius:14px;width:100%;min-height:46px;font-size:clamp(1.05rem,1.3vw,1.15rem);font-weight:800;line-height:1.35;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 8px 16px #11b3b833}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #11b3b83d}.auth-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.auth-footer-links{justify-content:center;margin-top:2px;display:flex}.auth-footer-link{color:var(--auth-gold-soft);font-size:.9rem;font-weight:600;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.auth-error{color:#b44040;text-align:right;background:#ca3e3e1f;border:1px solid #ca3e3e33;border-radius:12px;padding:10px 14px;font-size:.9rem;line-height:1.7}.auth-error--otp{margin-bottom:2px}.auth-otp-stage{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:28px;display:flex}.auth-otp-stage__title{color:var(--auth-teal);text-align:center;margin:0;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:800;line-height:1.5}.auth-otp-card{width:min(440px,100vw - 40px);box-shadow:var(--auth-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-moz-backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffd1;border-radius:24px;flex-direction:column;gap:12px;padding:24px 22px 20px;display:flex}.auth-otp-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-otp-box{border:1.5px solid var(--auth-teal);width:100%;height:48px;color:var(--auth-text-strong);text-align:center;background:#fffffff2;border-radius:12px;outline:none;font-size:1.35rem;font-weight:700;transition:box-shadow .2s,border-color .2s}.auth-otp-box:focus{border-color:var(--auth-teal-dark);box-shadow:0 0 0 3px #19c2c729}.auth-otp-timer{--otp-progress:100%;background:linear-gradient(90deg, #e3e6e9eb 0, #e3e6e9eb calc(100% - var(--otp-progress)), #bee8e5f5 calc(100% - var(--otp-progress)), #bee8e5f5 100%);color:#fff;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:36px;padding:6px 12px;font-size:clamp(.85rem,1.1vw,.95rem);font-weight:700;line-height:1.4;display:flex}.auth-otp-note{text-align:center;color:var(--auth-text);margin:0;font-size:.85rem}.auth-submit--otp{min-height:46px}.auth-text-link{appearance:none;color:var(--auth-gold-soft);text-underline-offset:6px;text-align:center;background:0 0;border:none;padding:0;font-size:clamp(.9rem,1.1vw,1rem);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.auth-text-link--muted{color:var(--auth-text);font-size:.9rem;font-weight:600;text-decoration:none}.auth-back-button{appearance:none;opacity:.38;background:0 0;border:none;padding:0;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:40px}.auth-back-button:hover{opacity:.68;transform:translate(-2px)}.auth-back-button img{width:36px;height:36px}@media (max-width:1120px){.auth-card{width:min(520px,100vw - 40px);padding:28px 24px 24px}.auth-card__badge{font-size:1.1rem;top:20px;right:22px}.auth-card__inner{margin-top:36px}}@media (max-width:900px){.auth-page{padding:36px 16px 72px}.auth-hero{gap:8px;margin-bottom:28px}.auth-card{border-radius:24px;width:min(100%,100vw - 28px);padding:24px 16px 20px}.auth-card__badge{text-align:right;margin-bottom:18px;font-size:1rem;display:block;position:static}.auth-card__inner{width:min(100%,420px);margin-top:0}.auth-card__title{font-size:1.18rem}.auth-method-switch button{height:42px;font-size:.95rem}.auth-field input{border-radius:12px;height:46px;font-size:.95rem}.auth-submit{border-radius:12px;min-height:44px;font-size:1.05rem}.auth-otp-stage{gap:12px;margin-top:16px}.auth-otp-card{border-radius:20px;gap:10px;width:min(100%,100vw - 28px);padding:20px 14px 16px}.auth-otp-box{height:44px;font-size:1.2rem}.auth-otp-timer{min-height:34px;font-size:.85rem}.auth-back-button{bottom:18px;left:20px}}@media (max-width:640px){.auth-shell{min-height:100dvh}.auth-page{min-height:100dvh;padding:28px 12px 68px}.auth-page--staff{justify-content:center;align-items:center;min-height:100dvh;padding:20px 12px}.auth-hero__title{font-size:1.35rem}.auth-hero__subtitle{font-size:.92rem;line-height:1.7}.auth-card{border-radius:20px;width:100%;padding:20px 12px 16px}.auth-card__badge{margin-bottom:14px;font-size:.92rem}.auth-card__title{font-size:1.1rem;line-height:1.6}.auth-method-switch{padding:3px}.auth-method-switch button{height:40px;font-size:.9rem}.auth-field input{border-radius:12px;height:44px;padding-inline:14px;font-size:.92rem}.auth-field--password input{padding-inline-start:56px}.auth-password-icons{gap:4px;inset-inline-start:10px}.auth-password-icon{width:22px;height:22px}.auth-submit{border-radius:12px;min-height:44px;font-size:1rem}.auth-otp-stage__title{font-size:1rem}.auth-otp-grid{gap:6px}.auth-otp-box{border-radius:10px;height:42px;font-size:1.1rem}.auth-otp-timer{border-radius:10px;min-height:32px;padding:4px 10px;font-size:.8rem}.auth-submit--otp{min-height:44px}.auth-text-link{text-underline-offset:5px;font-size:.88rem}.auth-back-button img{width:32px;height:32px}}@media (max-width:420px){.auth-page{padding-inline:10px}.auth-card__inner{gap:10px}.auth-hero{margin-bottom:20px}.auth-hero__title{font-size:1.15rem}.auth-card__title{font-size:1.05rem;line-height:1.65}.auth-otp-card{padding-inline:12px}.auth-otp-grid{gap:5px}.auth-otp-box{height:40px;font-size:1.05rem}}.auth-shell--staff .auth-page:before{top:310px;right:calc(50% - 120px)}.auth-page--staff{justify-content:center}.auth-hero--staff{margin-bottom:28px}.auth-card--staff{min-height:0}.auth-card__inner--staff{width:min(420px,100%);margin-top:32px}.auth-card__title--staff{margin-bottom:8px}.auth-fields--staff{flex-direction:column;gap:10px;display:flex}.auth-field-stack{flex-direction:column;gap:6px;display:flex}.auth-field-error{color:#b44040;margin:0;padding-inline:6px;font-size:.85rem;line-height:1.6}.auth-card__note{color:var(--auth-text);text-align:center;margin:2px 0 0;font-size:.88rem;line-height:1.7}@media (max-width:900px){.auth-page--staff{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding-block:24px;display:flex}.auth-card--staff{min-height:0}.auth-card__inner--staff{margin-top:0}}.auth-password-toggle{inset-inline-start:12px;appearance:none;opacity:.9;z-index:1;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s,opacity .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.auth-password-toggle:hover{opacity:1;transform:translateY(-50%)scale(1.05)}.auth-password-toggle img{width:100%;height:100%}@media (max-width:640px){.auth-field--password input{padding-inline-start:52px}.auth-password-toggle{width:24px;height:24px;inset-inline-start:10px}}