.auth-shell{--auth-paper:#ebeee7;--auth-ink:#2b3a30;--auth-muted:#66776a;--auth-border:#d8e1d7;isolation:isolate;background:radial-gradient(ellipse 900px 480px at 88% -8%, #d6e4d5 0%, transparent 65%), radial-gradient(ellipse 850px 500px at 6% 115%, #eee7d2 0%, transparent 68%), var(--auth-paper);min-height:100svh;color:var(--auth-ink);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:38px 16px 32px;font-family:Vazirmatn Variable,Tahoma,sans-serif;display:flex;position:relative;overflow:hidden}.auth-shell *{box-sizing:border-box}.auth-grid{pointer-events:none;background-image:linear-gradient(#293d3010 1px,#0000 1px),linear-gradient(90deg,#293d3010 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(620px 550px at 50% 43%,#000 30%,#0000 78%);mask-image:radial-gradient(620px 550px at 50% 43%,#000 30%,#0000 78%)}.auth-glow{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute}.auth-glow-one{background:#88b198;top:-130px;right:-120px}.auth-glow-two{background:#d5c392;bottom:-150px;left:-100px}.auth-card{z-index:1;background:#fffffff2;border:1px solid #d8e1d7;border-radius:16px;width:min(410px,100%);padding:27px 30px 19px;animation:.4s both auth-appear;position:relative;box-shadow:0 22px 65px #26372b12,0 5px 18px #26372b08}@keyframes auth-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-header{border-bottom:1px solid var(--auth-border);justify-content:space-between;align-items:center;gap:14px;padding-bottom:17px;display:flex}.auth-brand{min-width:0;color:var(--auth-ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.auth-brand:focus-visible{outline-offset:4px;border-radius:5px;outline:2px solid #416849}.auth-mark{flex:none;width:38px;height:38px;display:block}.auth-brand-copy{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.auth-brand-copy strong{font-size:20px;font-weight:800;line-height:1.4}.auth-body{padding-top:20px}.auth-heading{color:var(--auth-ink);margin:0;font-size:21px;font-weight:800;line-height:1.7}.auth-description{color:var(--auth-muted);margin:4px 0 20px;font-size:12px;line-height:2}.auth-label{margin:0 0 9px;font-size:13px;font-weight:700;display:block}.auth-phone-input{letter-spacing:.045em;width:100%;height:49px;color:var(--auth-ink);text-align:left;background:#fff;border:1px solid #cbd8ca;border-radius:8px;outline:none;padding:10px 14px;font-family:system-ui,Segoe UI,sans-serif;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.auth-phone-input::placeholder{color:#acb8aa;font-size:15px;font-weight:400}.auth-phone-input:focus{border-color:#527e5b;box-shadow:0 0 0 3px #dce9dc}.auth-phone-input[aria-invalid=true]{border-color:#b8655e}.auth-field-hint{color:#7b897c;margin:9px 0 0;font-size:11.5px;line-height:1.9}.auth-error{color:#953f3e;background:#fbeeed;border:1px solid #efcfca;border-radius:8px;margin:15px 0 0;padding:11px 13px;font-size:12px;line-height:1.9}.auth-submit{color:#fff;cursor:pointer;background:#59765e;border:1px solid #78937b;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;margin-top:20px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,transform .2s;display:flex}.auth-submit:hover:not(:disabled){background:#4c6852;transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-submit:focus-visible,.auth-change-phone:focus-visible,.auth-resend:focus-visible,.auth-card-footer a:focus-visible{outline-offset:4px;outline:2px solid #395a42}.auth-spinner{border:2px solid #fff7;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite auth-spin;display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-phone-display{color:#315f3b;font-family:system-ui,Segoe UI,sans-serif;font-size:13px;font-weight:700}.auth-change-phone{color:#3a6846;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin:-13px 0 23px;padding:3px 0;font-size:12px;font-weight:650;display:inline-flex}.auth-change-phone:hover,.auth-resend:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.auth-otp-wrap{position:relative}.auth-otp-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.auth-otp-slot{aspect-ratio:1;color:#2b3a30;background:#fff;border:1px solid #cad8c9;border-radius:9px;justify-content:center;align-items:center;min-width:0;max-height:65px;font-family:system-ui,Segoe UI,sans-serif;font-size:28px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:flex}.auth-otp-active{border-color:#487950;box-shadow:0 0 0 3px #dfebdd}.auth-otp-filled{border-color:#a3bda5}.auth-otp-error{border-color:#b8655e}.auth-otp-dash{background:#b7c6b6;width:12px;height:1px}.auth-otp-input{opacity:.02;color:#0000;cursor:text;border:0;width:100%;height:100%;position:absolute;inset:0}.auth-otp-input:disabled{cursor:not-allowed}.auth-development-code{color:#426c4b;background:#e9f1e6;border:1px solid #cadbc8;border-radius:8px;margin:13px 0 0;padding:9px 12px;font-size:12px}.auth-development-code bdi{letter-spacing:.08em;font-family:system-ui,Segoe UI,sans-serif;font-weight:700}.auth-resend{color:#376446;width:100%;min-height:41px;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:6px;font-size:12px;font-weight:650;display:block}.auth-resend:disabled{color:#8a9a8b;cursor:not-allowed}.auth-card-footer{border-top:1px solid var(--auth-border);color:#738376;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding-top:13px;font-size:11px;display:flex}.auth-card-footer a{color:#4b6951;align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}.auth-card-footer a:hover{color:#23492f}@media (max-width:500px){.auth-shell{gap:16px;padding:16px 14px}.auth-card{border-radius:15px;padding:26px 22px 19px}.auth-header{padding-bottom:20px}.auth-body{padding-top:22px}.auth-description{margin-bottom:21px}.auth-heading{font-size:21px}.auth-card-footer{margin-top:21px}}@media (max-width:370px){.auth-card{padding-inline:16px}.auth-otp-slots{gap:6px}.auth-card-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-spinner{animation:none}.auth-submit,.auth-phone-input,.auth-otp-slot{transition:none}}
