:root{
  --auth-bg:#eef4ff;--auth-bg2:#f8fafc;--auth-surface:#ffffff;--auth-surface2:#f8fbff;--auth-text:#0f172a;--auth-muted:#64748b;--auth-line:#dbe5f3;--auth-brand:#0f4c81;--auth-brand2:#2563eb;--auth-accent:#14b8a6;--auth-danger:#dc2626;--auth-success:#16a34a;--auth-warning:#f59e0b;--auth-shadow:0 24px 70px rgba(15,23,42,.14);--auth-soft:0 10px 34px rgba(15,23,42,.08)
}
*{box-sizing:border-box}html{direction:rtl}body.auth-page{margin:0;min-height:100vh;padding:22px;background:radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 34%),linear-gradient(135deg,var(--auth-bg),var(--auth-bg2));font-family:var(--iranfixit-font,Tahoma,"Segoe UI",Arial,sans-serif);color:var(--auth-text);display:grid;place-items:center}.auth-shell{width:min(1180px,100%);min-height:650px;display:grid;grid-template-columns:minmax(380px,.86fr) minmax(480px,1.14fr);gap:18px}.auth-form-side,.auth-visual{border:1px solid rgba(219,229,243,.85);background:rgba(255,255,255,.88);box-shadow:var(--auth-shadow);backdrop-filter:blur(18px);border-radius:30px;overflow:hidden}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:28px}.auth-form{width:100%;max-width:540px}.auth-visual{position:relative;background:linear-gradient(145deg,#0f172a,#0f4c81 54%,#2563eb);color:#fff;display:flex;align-items:stretch;padding:0;isolation:isolate}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(20,184,166,.35),transparent 28%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.14),transparent 30%);z-index:-1}.auth-logo{position:absolute;top:24px;right:26px;font-weight:950;font-size:18px;letter-spacing:-.3px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 13px}.auth-visual-content{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:76px 38px 34px}.auth-visual h2{font-size:clamp(28px,3.1vw,44px);line-height:1.45;margin:0 0 12px;font-weight:950;letter-spacing:-1px}.auth-visual p{margin:0;color:#dbeafe;line-height:2;font-weight:700}.auth-features{margin-top:28px;display:grid;gap:10px}.auth-feature{display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:12px 13px;line-height:1.8;font-weight:850}.tick{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(20,184,166,.22);color:#7dd3fc;flex:0 0 auto}.auth-title{font-size:clamp(24px,2.6vw,34px);font-weight:950;letter-spacing:-.8px;margin:0 0 10px;text-align:right}.auth-title span{color:var(--auth-brand2)}.auth-title:after{content:"";display:block;width:64px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--auth-accent),var(--auth-brand2));margin-top:14px}.auth-subtitle,.form-footer{color:var(--auth-muted);line-height:1.9}.form-footer{text-align:center;margin-top:18px;font-size:14px}.form-footer a,.auth-link{color:var(--auth-brand2);font-weight:950;text-decoration:none}.form-group{position:relative;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group label{display:block;font-size:12px;font-weight:950;color:#475569;margin-bottom:7px}.form-control{width:100%;height:48px;border:1px solid var(--auth-line);border-radius:15px;background:#fff;color:var(--auth-text);font:inherit;padding:0 14px;outline:0;transition:.18s}.form-control:focus{border-color:var(--auth-brand2);box-shadow:0 0 0 4px rgba(37,99,235,.13)}select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:16px 20px,10px 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field-error{display:block;color:var(--auth-danger);font-size:12px;font-weight:900;margin-top:6px}.auth-alert{border-radius:16px;padding:12px 14px;margin:12px 0;font-size:13px;font-weight:850;line-height:1.9;border:1px solid var(--auth-line)}.auth-alert.error{background:#fff1f2;color:#be123c;border-color:#fecdd3}.auth-alert.success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.auth-alert.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.btn{min-height:48px;border-radius:15px;border:1px solid transparent;padding:11px 16px;font:inherit;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:.18s;width:100%}.btn-primary{background:linear-gradient(135deg,var(--auth-brand2),var(--auth-brand));color:#fff;box-shadow:0 14px 26px rgba(37,99,235,.22)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(37,99,235,.26)}.btn-secondary{background:#eef2f7;color:#334155;border-color:var(--auth-line)}.btn-secondary:hover{background:#e2e8f0}.form-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.remember-forgot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 18px;font-size:13px}.remember-me{display:flex;align-items:center;gap:7px;color:#475569;font-weight:850}.password-toggle{position:absolute;left:10px;top:34px;width:38px;height:38px;border-radius:12px;border:0;background:#f1f5f9;cursor:pointer}.ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}.step-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0 22px}.step{height:7px;border-radius:999px;background:#e2e8f0;text-indent:-999px;overflow:hidden}.step.active,.step.completed{background:linear-gradient(90deg,var(--auth-accent),var(--auth-brand2))}.form-step{display:none}.form-step.active{display:block}.user-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}.user-type-card{border:1px solid var(--auth-line);border-radius:20px;background:#fff;padding:18px;cursor:pointer;box-shadow:var(--auth-soft);transition:.18s}.user-type-card:hover,.user-type-card.selected{transform:translateY(-2px);border-color:var(--auth-brand2);box-shadow:0 16px 36px rgba(37,99,235,.13)}.user-type-card .icon{font-size:30px;width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#eff6ff;margin-bottom:10px}.user-type-card h3{margin:0 0 6px;font-size:16px}.user-type-card p{margin:0;color:var(--auth-muted);line-height:1.8;font-size:12px}.radio-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:6px;font-weight:850;color:#475569}.license-upload{border:1.5px dashed #b8c6d9;background:#f8fbff;border-radius:18px;padding:18px;text-align:center;cursor:pointer;margin-bottom:12px}.license-upload strong{display:block;font-size:28px}.license-preview{display:none;text-align:center;margin-top:10px}.license-preview img{max-width:100%;max-height:170px;border:1px solid var(--auth-line);border-radius:16px}.remove-image{display:inline-block;margin-top:8px;color:var(--auth-danger);font-weight:950;cursor:pointer}.captcha-container{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px}.captcha-code{height:48px;border:1px solid var(--auth-line);border-radius:15px;background:#f8fafc;display:grid;place-items:center;font-weight:950;letter-spacing:4px;font-size:20px;direction:ltr}.otp-container{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 14px}.otp-input{height:52px;text-align:center;font-size:23px;font-weight:950;border:2px solid var(--auth-line);border-radius:16px}.otp-input:focus{border-color:var(--auth-brand2);outline:0}.countdown{text-align:center;margin:10px 0;color:var(--auth-brand2);font-weight:950}.summary-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--auth-line)}.summary-label{font-weight:950;color:#475569}.auth-mini-panel{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-mini-panel div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:18px;padding:12px}.auth-mini-panel b{display:block}.auth-mini-panel small{display:block;color:#dbeafe;line-height:1.8;margin-top:4px}@media(max-width:960px){body.auth-page{padding:0;background:#fff}.auth-shell{min-height:100vh;grid-template-columns:1fr;gap:0}.auth-visual{display:none}.auth-form-side{border-radius:0;box-shadow:none;border:0;padding:22px}.auth-form{max-width:560px}.form-row,.user-type-cards,.form-navigation{grid-template-columns:1fr}.remember-forgot{align-items:flex-start;flex-direction:column}.auth-title{text-align:right}.step-progress{margin-top:14px}.otp-container{gap:6px}.otp-input{height:48px}}@media(max-width:430px){.auth-form-side{padding:18px 14px}.form-control,.btn{height:46px}.auth-title{font-size:24px}}

/* v18.27 password reveal icon */
.ifx-password-wrap{position:relative!important;display:block}.ifx-password-wrap>input[type="password"],.ifx-password-wrap>input[type="text"]{padding-left:50px!important}.ifx-password-toggle,.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--auth-line);border-radius:13px;background:#f1f5f9;color:#334155;display:grid;place-items:center;cursor:pointer;font-size:0;z-index:3}.ifx-password-toggle::before,.password-toggle::before{content:"";width:18px;height:18px;background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}.ifx-password-toggle.is-visible::before,.password-toggle.is-visible::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M10.6 10.6A2 2 0 0 0 13.4 13.4'/%3E%3Cpath d='M9.9 4.2A10.6 10.6 0 0 1 12 4c6.5 0 10 8 10 8a17.7 17.7 0 0 1-3 4.4'/%3E%3Cpath d='M6.1 6.1C3.5 7.9 2 12 2 12s3.5 8 10 8c1.5 0 2.9-.4 4.1-1'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M10.6 10.6A2 2 0 0 0 13.4 13.4'/%3E%3Cpath d='M9.9 4.2A10.6 10.6 0 0 1 12 4c6.5 0 10 8 10 8a17.7 17.7 0 0 1-3 4.4'/%3E%3Cpath d='M6.1 6.1C3.5 7.9 2 12 2 12s3.5 8 10 8c1.5 0 2.9-.4 4.1-1'/%3E%3C/svg%3E") center/contain no-repeat}.ifx-password-toggle:hover,.password-toggle:hover{background:#e0f2fe;color:#075985}