.otp-body{grid-template-columns:1fr;min-height:100svh;align-items:center;justify-items:center;padding:28px 16px}.otp-body .login-card{width:min(100%,460px);max-width:100%;margin:0;justify-self:center;padding:32px}.otp-body .login-card h1{font-size:28px;margin-top:20px}.otp-body .login-card .text-link{display:flex;margin-top:16px;white-space:normal}.otp-body .login-card small{display:block;color:#637d90;line-height:1.9}.profile-phone{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf8fd;padding:12px 16px;border-radius:12px;margin:18px 0}.profile-phone b{direction:ltr}.otp-body input{min-width:0}.account-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}@media(max-width:650px){.otp-body{padding:20px 14px}.otp-body .login-card{padding:24px 20px}.otp-body .login-card h1{font-size:24px}.profile-phone{font-size:13px}}
.auth-page{margin:0;min-height:100svh;display:grid;place-items:center;padding:36px 24px;background:radial-gradient(ellipse at 5% 15%,#dff5fc,transparent 50%),#f3f7fb;color:#11324b;font-family:'YekanBakh',sans-serif}
.auth-page *{box-sizing:border-box}.auth-page [hidden]{display:none!important}.auth-page a{text-decoration:none}.auth-page button,.auth-page input{font:inherit}.auth-page button{cursor:pointer}.auth-page button:disabled{cursor:default}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid #17a9cb;outline-offset:5px}
.auth-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.08fr 1fr;min-height:720px;border:1px solid #e0eaf1;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 85px #183b5910}
.auth-main{padding:36px 44px 26px;min-width:0;display:flex;flex-direction:column}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-brand{display:flex;gap:11px;align-items:center;color:#123653;font-weight:800;font-size:16px;line-height:1.7}.auth-brand img{width:45px;height:45px;object-fit:contain;border:1px solid #dceaf1;border-radius:14px;padding:7px;background:#fff}.auth-brand small{display:block;font-size:10px;font-weight:400;color:#7a8c9c}.auth-home{display:grid;place-items:center;color:#5a778c;background:#f4f8fb;border:1px solid #e9eff4;border-radius:50%;width:36px;height:36px;font-size:22px;flex-shrink:0}
.auth-progress{display:flex;list-style:none;justify-content:space-between;gap:10px;margin:36px 0 30px;padding:0;color:#8194a5;font-size:11px}.auth-progress li{display:flex;align-items:center;gap:7px;white-space:nowrap}.auth-progress b{display:grid;place-items:center;background:#f2f6f9;border-radius:50%;width:25px;height:25px;font-weight:600}.auth-progress .is-current{color:#087cba;font-weight:700}.auth-progress .is-current b{background:#e4f6ff;color:#0780bd;box-shadow:0 0 0 3px #f4fbff}.auth-progress .is-done b{background:#e1f6ef;color:#168169}
.auth-form-area{width:100%;max-width:380px;margin:auto; padding-bottom:28px}.auth-step-icon{width:52px;height:52px;background:#eaf7fd;border:1px solid #d5effb;border-radius:17px;color:#0584c0;display:grid;place-items:center;margin-bottom:20px}.auth-step-icon svg{width:28px;height:28px}.auth-eyebrow{font-size:11px;color:#138db4;font-weight:600}.auth-form-area h1{font-size:27px;line-height:1.6;letter-spacing:-.6px;margin:6px 0 10px;font-weight:800}.auth-description{color:#708599;font-size:13px;line-height:2.1;margin:0 0 24px}.auth-label{display:block;font-size:13px;color:#214963;font-weight:600;margin-bottom:9px}
.auth-phone-input{display:flex;align-items:center;direction:ltr;border:1px solid #d4e1ea;background:#f9fcfe;border-radius:13px;transition:border-color .2s,box-shadow .2s}.auth-phone-input:focus-within{border-color:#158dc8;box-shadow:0 0 0 4px #eaf7fe}.auth-phone-input input{width:100%;min-width:0;border:0;background:transparent;outline:0;box-shadow:none;padding:16px;font-size:18px;letter-spacing:2px;height:58px;color:#123653;margin:0}.auth-phone-input input:focus{box-shadow:none}.auth-phone-input input::placeholder{color:#9daeba;font-size:16px;letter-spacing:1px}.auth-phone-input>span{border-left:1px solid #dce6ee;margin-right:16px;padding-left:13px;color:#7c94a6;font-size:12px;white-space:nowrap}.auth-field-hint{display:block;color:#7c91a2;font-size:11px;margin:9px 2px 22px}.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;border-radius:13px;color:#fff;background:#087fbd;padding:15px 20px;min-height:54px;font-size:14px;font-weight:700;box-shadow:0 8px 18px #087fbd1f;transition:background .2s,transform .2s}.auth-submit:hover{background:#066ca4;transform:translateY(-1px)}.auth-submit:disabled{background:#87a8bd;box-shadow:none;transform:none}.auth-submit>span:last-child{font-size:21px;font-weight:400}.auth-private-note{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.9;color:#8095a4;margin-top:18px}.auth-private-note>span{color:#118caf;font-size:20px}
.auth-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf2f6;padding-top:20px;margin-top:12px;font-size:11px}.auth-bottom a{color:#6c8598}.auth-bottom a:first-child{color:#087db7}.auth-notice{background:#eef9f5;border:1px solid #d5ede3;color:#2d7760;border-radius:10px;line-height:1.9;padding:10px 13px;font-size:11px;margin:15px 0}.auth-notice-error{background:#fff3f2;border-color:#f3d7d3;color:#aa4641}.auth-notice ul{padding:0 15px 0 0;margin:0}.auth-number{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f3f8fc;border-radius:10px;margin:-10px 0 20px;font-size:13px}.auth-number b{letter-spacing:1px}.auth-number a{font-size:11px;color:#0988bd}.auth-number a span{margin-right:5px}
.auth-code-fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.auth-code-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;direction:ltr}.auth-code-inputs input{width:100%;min-width:0;height:60px;border:1px solid #d5e2ec;border-radius:12px;background:#f7fafc;padding:0;text-align:center;font-size:27px;font-weight:700;color:#0d6a9c;caret-color:#138dca;outline:0;margin:0;transition:border-color .15s,background .15s,box-shadow .15s}.auth-code-inputs input:focus{border-color:#108dcb;background:#fff;box-shadow:0 0 0 4px #e5f5fd}.auth-code-inputs input.is-filled{background:#edf8ff;border-color:#acd7ef}.auth-code-inputs input[aria-invalid=true]{border-color:#c6534e}.auth-code-inputs input:disabled{opacity:.6}.auth-code-hint{font-size:11px;color:#8094a6;text-align:center;margin:14px 0 22px}.auth-code-error{font-size:12px;color:#aa4641;margin:0 0 14px}.auth-code-status{display:flex;justify-content:center;align-items:center;gap:9px;color:#8397a6;font-size:11px;margin:17px 0 0}.auth-code-status b{font-size:13px;font-weight:600;color:#227b9e;font-variant-numeric:tabular-nums}.auth-code-expired{font-size:12px;color:#aa4641;text-align:center;line-height:1.9}.auth-resend{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap;font-size:12px;color:#718b9e}.auth-resend button{border:0;background:none;color:#087db7;padding:6px 0;font-weight:700;font-size:12px}.auth-resend button:disabled{color:#8e9eaa}.auth-resend button span{display:inline-block;direction:ltr;font-variant-numeric:tabular-nums;min-width:40px}.auth-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.auth-story{position:relative;isolation:isolate;overflow:hidden;padding:46px 42px 32px;background:radial-gradient(ellipse at 0 100%,#17a7c0,transparent 65%),linear-gradient(145deg,#104368,#086ca3);color:#fff;display:flex;flex-direction:column;align-items:flex-start}.auth-story>*{position:relative}.auth-story-orbit{position:absolute;z-index:-1;pointer-events:none;width:570px;height:570px;border:1px solid #ffffff17;border-radius:50%;top:-200px;left:-280px}.auth-story-orbit-two{width:650px;height:650px;top:130px;left:-280px;border-color:#ffffff13}.auth-story-tag{display:flex;align-items:center;gap:8px;font-size:11px;color:#c7e8f5}.auth-story-tag i{width:6px;height:6px;border-radius:50%;background:#70e4cf;box-shadow:0 0 0 4px #70e4cf18}.auth-story h2{font-size:34px;line-height:1.7;margin:27px 0 14px;letter-spacing:-.5px;font-weight:800}.auth-story h2 em{font-style:normal;color:#a8e5fa}.auth-story>p{font-size:13px;line-height:2.2;color:#c2deed;margin:0;max-width:330px}.auth-preview-card{align-self:center;width:min(100%,340px);margin:36px 0 30px;padding:22px;background:linear-gradient(145deg,#ffffff1c,#ffffff0c);border:1px solid #ffffff36;border-radius:21px;box-shadow:0 20px 45px #002b4c20;transform:rotate(-3deg);backdrop-filter:blur(8px)}.auth-preview-top{display:flex;align-items:center;gap:10px;font-size:11px}.auth-preview-top small{display:block;color:#b8deeb;font-size:9px;margin-top:4px}.auth-preview-logo{display:grid;place-items:center;width:34px;height:34px;background:#ffffff20;border-radius:10px;color:#b6f2ff;font-size:25px}.auth-preview-dot{width:7px;height:7px;border-radius:50%;background:#6fe3ca;margin-right:auto}.auth-preview-lock{display:grid;place-items:center;width:59px;height:59px;border-radius:19px;border:1px solid #ffffff3b;background:#ffffff12;margin:26px auto 15px;box-shadow:0 0 0 9px #ffffff05}.auth-preview-lock svg{width:31px;height:31px;color:#b3f2ed}.auth-preview-title{display:block;text-align:center;font-size:17px;font-weight:600}.auth-preview-digits{display:flex;justify-content:center;gap:7px;margin:20px 0}.auth-preview-digits i{display:grid;place-items:center;width:31px;height:38px;border:1px solid #ffffff3d;border-radius:8px;background:#ffffff10;font-size:21px;font-style:normal;color:#b6ecfa}.auth-preview-footer{display:block;border-top:1px solid #ffffff20;padding-top:14px;text-align:center;font-size:10px;color:#c0deea}.auth-story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;color:#bde5ef;font-size:10px}.auth-story-footer i{height:3px;width:3px;border-radius:50%;background:#72bed4}
@media(min-width:841px) and (prefers-reduced-motion:no-preference){.auth-preview-card{animation:auth-arrive .8s ease both}@keyframes auth-arrive{from{opacity:0;transform:translateY(12px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}}
@media(max-width:1000px){.auth-main{padding:30px}.auth-story{padding:38px 28px 30px}.auth-story h2{font-size:30px}}
@media(max-width:840px){.auth-page{padding:24px 16px}.auth-shell{max-width:500px;grid-template-columns:1fr;min-height:min(760px,calc(100svh - 48px));border-radius:25px}.auth-main{padding:28px 30px 24px}.auth-story{display:none}.auth-progress{margin:32px 0}.auth-form-area{padding:20px 0 32px}.auth-bottom{padding-top:20px}.auth-step-icon{margin-bottom:22px}}
@media(max-width:420px){.auth-page{padding:0;background:#fff;place-items:stretch}.auth-shell{min-height:100svh;max-width:none;border:0;border-radius:0;box-shadow:none}.auth-main{padding:26px 22px 24px}.auth-brand{font-size:14px}.auth-brand img{width:41px;height:41px}.auth-progress{font-size:10px;gap:7px;margin:30px 0 20px}.auth-progress li{gap:5px}.auth-progress b{width:23px;height:23px}.auth-form-area{padding:22px 0 32px}.auth-form-area h1{font-size:25px}.auth-code-inputs{gap:6px}.auth-code-inputs input{height:55px;border-radius:10px;font-size:25px}.auth-bottom{font-size:10px;padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:350px){.auth-main{padding-left:18px;padding-right:18px}.auth-brand{font-size:13px}.auth-form-area h1{font-size:23px}.auth-progress{font-size:9px}.auth-code-inputs{gap:5px}.auth-code-inputs input{height:50px}.auth-bottom{gap:10px}}
.auth-page .auth-resend button,.auth-page .auth-resend button:hover{box-shadow:none;background:none;transform:none}.auth-page button:disabled{opacity:1}
.auth-resend button>span:first-child{direction:rtl;min-width:0}