@font-face{font-family:"IRANSansWeb";src:url("/fonts/IRANSansWeb.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--green:#147a49;--green2:#1c965c;--ink:#17211b;--muted:#6f7972;--line:#dfe8e1;--soft:#f3f8f4;--error:#c83d3d}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:"IRANSansWeb",Tahoma,Arial,sans-serif;background:#edf4ef;color:var(--ink)}button,input,textarea,select{font:inherit}
.auth-shell{isolation:isolate;position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:520px;min-height:100vh;margin:auto;padding:72px 22px 28px;overflow:hidden;background:linear-gradient(160deg,#f8fbf8 0%,#edf6f0 100%)}
.glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.glow-one{width:330px;height:330px;top:-190px;right:-120px;background:rgba(45,164,103,.16)}.glow-two{width:260px;height:260px;bottom:-170px;left:-90px;background:rgba(226,174,70,.13)}
.back{position:absolute;top:calc(20px + env(safe-area-inset-top));right:22px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(20,122,73,.12);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 6px 20px rgba(32,64,44,.06);color:var(--ink);cursor:pointer}.back svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.auth-card{width:100%;padding:30px 25px 26px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(35,75,49,.11);backdrop-filter:blur(12px)}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-bottom:28px;color:var(--green)}.brand-logo{display:block;width:min(220px,70vw);height:82px;object-fit:contain}.brand-tagline{color:#66716a;font-size:12.5px;font-weight:700;line-height:1.7}
.heading{text-align:right}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--green);font-size:12px;font-weight:800}h1{margin:0 0 8px;font-size:25px;letter-spacing:-.7px}.lead{margin:0 0 25px;color:var(--muted);font-size:13px;line-height:1.9}.lead b{color:var(--ink);direction:ltr;display:inline-block}
label{display:block;margin:0 2px 8px;color:#4f5b53;font-size:12px;font-weight:700}.mobile-field{display:flex;align-items:center;height:58px;padding:0 17px;border:1.5px solid var(--line);border-radius:16px;background:#f9fbf9;transition:.2s}.mobile-field:focus-within,.otp-field:focus{border-color:var(--green2);background:#fff;box-shadow:0 0 0 4px rgba(28,150,92,.1)}.mobile-field .prefix{color:var(--ink);font-weight:800;letter-spacing:.4px}.mobile-field i{width:1px;height:24px;margin:0 14px;background:var(--line)}.mobile-field input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-weight:800;letter-spacing:2px;text-align:left}.mobile-field input::placeholder,.otp-field::placeholder{color:#b8c1bb}.hint{margin:8px 3px 0;color:#929b95;font-size:10px}
.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;margin-top:16px;padding:0 18px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--green2),var(--green));box-shadow:0 12px 28px rgba(20,122,73,.2);color:#fff;font-weight:850;cursor:pointer;transition:.2s}.primary svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 30px rgba(20,122,73,.25)}.primary:disabled{background:#d8dfda;box-shadow:none;color:#9ba59e;cursor:not-allowed}.primary.loading{color:transparent;position:relative}.primary.loading:after{content:"";position:absolute;width:21px;height:21px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.terms{margin:17px 0 0;text-align:center;color:#89928c;font-size:10.5px;line-height:2}.terms a{color:var(--green);font-weight:700;text-decoration:none}.error{min-height:18px;margin:6px 3px -5px;color:var(--error);font-size:11px}.otp-field{width:100%;height:66px;border:1.5px solid var(--line);border-radius:16px;outline:0;background:#f9fbf9;text-align:center;font-size:25px;font-weight:900;letter-spacing:11px;transition:.2s}.change-mobile{display:block;margin:-17px 0 19px auto;padding:0;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800;cursor:pointer}.resend{display:block;margin:20px auto 0;padding:5px 10px;border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.resend:disabled{color:#98a19b;cursor:default}
.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;color:#78837b;font-size:10.5px}.secure-note svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(min-width:700px){.auth-shell{min-height:760px;margin:35px auto;border-radius:34px;box-shadow:0 25px 80px rgba(32,64,44,.1)}body{padding:1px 0}}
@media(max-height:690px){.auth-shell{justify-content:flex-start;padding-top:70px}.auth-card{padding-top:22px;padding-bottom:20px}.brand{margin-bottom:20px}}
@media(max-width:370px){.auth-card{padding-left:18px;padding-right:18px}h1{font-size:22px}}