@import url("../home/google-fonts.css");
@font-face{font-family:"FAMENO YekanBakh";src:url("https://dev.vionatec.com/wp-content/uploads/2026/09/YekanBakhFaNum-Regular-1.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"FAMENO YekanBakh";src:url("https://dev.vionatec.com/wp-content/uploads/2026/09/YekanBakhFaNum-SemiBold.woff2") format("woff2");font-weight:600 900;font-display:swap}
html,body{margin:0;min-height:100%;}
:root{--fm-navy:#03192c;--fm-navy2:#062b47;--fm-gold:#f5b42c;--fm-teal:#4fc7c7;--fm-text:#f3f6fb;--fm-muted:#a9bdce;}
*{box-sizing:border-box}.fm-auth{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:52px 24px;color:var(--fm-text);font-family:"FAMENO YekanBakh",Tahoma,sans-serif;background:radial-gradient(ellipse at 12% 18%,rgba(51,106,139,.45),transparent 36%),radial-gradient(ellipse at 72% 100%,rgba(0,113,129,.3),transparent 32%),linear-gradient(130deg,#061a2e 0%,#032541 54%,#021321 100%);}
.fm-auth:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.19;background-image:radial-gradient(rgba(85,194,211,.55) .8px,transparent .8px);background-size:20px 20px;mask-image:linear-gradient(to bottom,black,transparent 94%)}
.fm-auth:after{content:"";position:absolute;z-index:-1;left:-10%;bottom:-47%;width:65vw;height:65vw;border:1px solid rgba(235,188,81,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(49,119,150,.03),0 0 0 140px rgba(49,119,150,.025)}
.fm-auth__orbs span{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);animation:fm-float 9s ease-in-out infinite}.fm-auth__orbs span:nth-child(1){width:240px;height:240px;left:5%;top:7%;background:radial-gradient(circle,rgba(39,111,153,.17),transparent 72%)}.fm-auth__orbs span:nth-child(2){width:340px;height:340px;right:8%;bottom:4%;background:radial-gradient(circle,rgba(3,157,173,.12),transparent 72%);animation-delay:-4s}.fm-auth__orbs span:nth-child(3){width:160px;height:160px;right:42%;top:3%;background:radial-gradient(circle,rgba(245,180,44,.08),transparent 72%);animation-delay:-6s}
.fm-auth__layout{width:min(1380px,100%);display:grid;grid-template-columns:minmax(370px,462px) minmax(0,1fr);gap:clamp(48px,8vw,150px);align-items:center;direction:ltr;position:relative;z-index:1}.fm-auth__form-panel{direction:rtl;position:relative;padding:22px 30px 27px;border:1px solid rgba(207,222,237,.23);border-radius:32px;background:linear-gradient(150deg,rgba(48,84,111,.62),rgba(7,26,47,.82));box-shadow:0 28px 100px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px);animation:fm-rise .8s cubic-bezier(.2,.8,.2,1) both}.fm-auth__form-panel:before{content:"";height:2px;position:absolute;top:0;left:16%;right:16%;border-radius:5px;background:linear-gradient(90deg,transparent,var(--fm-teal),var(--fm-gold),transparent);opacity:.8}
.fm-preview{height:36px;border:1px solid rgba(237,198,110,.22);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(250,213,125,.08);color:#d8d0b1;font-size:11px;margin-bottom:15px}.fm-preview__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fm-gold);box-shadow:0 0 10px rgba(245,180,44,.6)}
.fm-auth__tabs{background:rgba(0,10,21,.32);display:grid;grid-template-columns:1fr 1fr;border-radius:999px;padding:4px;margin-bottom:25px}.fm-auth__tab{font:inherit;font-weight:700;color:#94aabd;background:transparent;border:1px solid transparent;border-radius:999px;padding:11px 12px;cursor:pointer;transition:all .25s ease}.fm-auth__tab.is-active{color:#fff;border-color:rgba(244,201,103,.55);background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:inset 0 1px rgba(255,255,255,.12),0 2px 13px rgba(0,0,0,.15)}.fm-auth__title{font-size:22px;line-height:1.5;font-weight:800;margin:0;text-align:right;color:#f8fbff}.fm-auth__subtitle{margin:5px 0 24px;font-size:13px;color:#a8bacb;line-height:1.9}.fm-form{display:flex;flex-direction:column;gap:18px}.fm-method-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px;background:rgba(1,13,27,.45);border-radius:14px;border:1px solid rgba(255,255,255,.06)}.fm-method-switch button{font:inherit;font-size:12px;color:#9db1c3;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 7px;cursor:pointer;transition:.2s}.fm-method-switch button.is-selected{color:#eff7ff;border-color:rgba(201,219,234,.4);background:rgba(255,255,255,.07)}.fm-field{display:flex;flex-direction:column;gap:8px;color:#bdcad7;font-size:12px;font-weight:600}.fm-input-wrap{position:relative;display:block}.fm-input-wrap input{width:100%;height:52px;border:1px solid rgba(167,194,216,.23);border-radius:14px;background:rgba(0,16,31,.4);outline:none;color:white;font:inherit;font-size:14px;padding:0 46px 0 47px;transition:border-color .2s,box-shadow .2s,background .2s}.fm-input-wrap input::placeholder{color:#617d96;font-weight:400}.fm-input-wrap input:focus{border-color:rgba(75,198,207,.85);box-shadow:0 0 0 3px rgba(60,188,197,.1);background:rgba(0,18,34,.7)}.fm-input-wrap>svg,.fm-eye svg{width:18px;height:18px;fill:none;stroke:#92aabd;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.fm-input-wrap>svg{position:absolute;right:16px;top:17px;pointer-events:none}.fm-input-wrap .fm-key-icon{right:auto;left:15px}.fm-eye{position:absolute;left:11px;top:10px;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;padding:0}.fm-eye svg{width:18px;height:18px}.fm-form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-5px}.fm-check{display:flex;align-items:center;gap:8px;color:#b4c4d3;font-size:12px;cursor:pointer;line-height:1.6}.fm-check input{position:absolute;opacity:0;pointer-events:none}.fm-check>span{width:19px;height:19px;border:1px solid rgba(186,209,226,.42);border-radius:6px;background:rgba(3,19,35,.5);position:relative;flex:0 0 19px;transition:.2s}.fm-check input:checked+span{background:var(--fm-gold);border-color:var(--fm-gold)}.fm-check input:checked+span:after{content:"";position:absolute;top:4px;left:5px;width:6px;height:9px;border:solid #102639;border-width:0 2px 2px 0;transform:rotate(45deg)}.fm-text-button,.fm-auth__switch-line button{font:inherit;font-size:12px;font-weight:700;color:#f4ce75;background:none;border:0;padding:0;cursor:pointer}.fm-submit{min-height:54px;border:none;border-radius:14px;background:linear-gradient(110deg,#ffc64f,#eaa51b);box-shadow:0 10px 25px rgba(228,161,25,.18),inset 0 1px rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;gap:12px;color:#132639;font:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}.fm-submit:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 32px rgba(228,161,25,.26)}.fm-submit:active{transform:translateY(0)}.fm-submit svg,.fm-back-home svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fm-auth__switch-line{text-align:center;color:#9dafc1;font-size:12px;margin:19px 0 0}.fm-auth__switch-line button{margin-right:4px}.fm-privacy{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:26px;color:#93a8ba;font-size:11px;text-align:center}.fm-privacy svg{width:16px;height:16px;fill:none;stroke:#57c9cb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fm-terms{margin:0 1px 0 0}.fm-auth__intro{direction:rtl;max-width:610px;justify-self:end;animation:fm-rise .9s .1s cubic-bezier(.2,.8,.2,1) both}.fm-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:white;margin-bottom:20px}.fm-brand img{width:104px;height:58px;object-fit:contain;padding:6px 10px;border:1px solid rgba(154,204,225,.28);border-radius:999px;background:rgba(255,255,255,.05);box-shadow:0 8px 25px rgba(0,0,0,.15)}.fm-brand__label{font:700 9px/1.4 Arial,sans-serif;letter-spacing:.7px;border:1px solid rgba(247,194,79,.23);border-radius:999px;padding:7px 10px;color:#d2bd8c;background:rgba(228,172,47,.06);direction:ltr}.fm-brand__label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--fm-gold);margin-right:5px;vertical-align:2px}.fm-auth__intro h2{font-size:clamp(31px,3vw,45px);font-weight:850;letter-spacing:-.9px;line-height:1.45;margin:0 0 10px;color:#f7fbff}.fm-intro-copy{font-size:15px;line-height:2;color:#bac9d8;margin:0 0 29px;max-width:520px}.fm-benefits{display:grid;gap:11px;margin-bottom:30px}.fm-benefit{display:flex;align-items:center;gap:14px}.fm-benefit__icon{width:44px;height:44px;border:1px solid rgba(230,207,154,.25);border-radius:14px;background:rgba(255,255,255,.045);display:grid;place-items:center;color:#e6c77e;flex-shrink:0;transition:transform .25s,border-color .25s}.fm-benefit:hover .fm-benefit__icon{transform:translateY(-2px);border-color:rgba(230,207,154,.6)}.fm-benefit__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.fm-benefit strong{display:block;font-size:13px;font-weight:750;color:#edf3f9;margin-bottom:3px}.fm-benefit small{display:block;font-size:12px;color:#91a9bc}.fm-journey{border:1px solid rgba(163,195,216,.16);border-radius:22px;padding:20px 21px 22px;background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(17,72,92,.15));box-shadow:inset 0 1px rgba(255,255,255,.04)}.fm-journey__title{font-size:12px;color:#97aec1;font-weight:650;margin-bottom:16px}.fm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;direction:rtl}.fm-step{position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;color:#9fb2c3}.fm-step:not(:last-child):after{content:"";height:1px;position:absolute;top:15px;right:calc(50% + 23px);left:calc(-50% + 23px);background:rgba(145,178,200,.3)}.fm-step b{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(169,203,222,.25);border-radius:10px;background:rgba(255,255,255,.05);font-size:11px;font-weight:700;position:relative;z-index:1}.fm-step.is-current b{color:#152b3f;background:var(--fm-gold);border-color:var(--fm-gold);box-shadow:0 0 20px rgba(245,180,44,.25)}.fm-step.is-current span{color:#fff;font-weight:750}.fm-step em{font-style:normal;font-size:10px;color:#efc86d;background:rgba(245,180,44,.09);border-radius:999px;padding:4px 8px;margin-top:-3px}.fm-back-home{display:flex;justify-content:flex-start;align-items:center;gap:9px;margin-top:28px;color:#a9bece;text-decoration:none;font-size:13px;transition:color .2s}.fm-back-home:hover{color:#fff}.fm-toast{position:fixed;left:24px;bottom:24px;z-index:10;max-width:min(420px,calc(100vw - 48px));padding:13px 18px;border:1px solid rgba(95,210,210,.35);border-radius:13px;background:rgba(5,33,51,.95);color:#eaf7fb;box-shadow:0 10px 40px #0004;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;font-size:13px}.fm-toast.is-visible{opacity:1;transform:translateY(0)}.fm-auth__form-view[hidden]{display:none!important}.fm-success-mark{width:61px;height:61px;border-radius:50%;display:grid;place-items:center;margin:8px auto 16px;border:2px solid #70d8ce;background:rgba(70,200,191,.08);animation:fm-pop .4s ease both}.fm-success-mark svg{width:35px;height:35px;fill:none;stroke:#c0f2e9;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fm-form.is-success .fm-auth__title{text-align:center}.fm-form.is-success .fm-auth__subtitle{text-align:center}
@keyframes fm-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-18px,0)}}@keyframes fm-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fm-pop{0%{transform:scale(.7);opacity:0}75%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@media(max-width:980px){.fm-auth{padding:30px 18px}.fm-auth__layout{grid-template-columns:minmax(310px,450px);justify-content:center;gap:36px}.fm-auth__intro{justify-self:stretch;grid-row:1;max-width:none}.fm-auth__intro h2{font-size:31px}.fm-intro-copy{margin-bottom:19px}.fm-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fm-benefit{align-items:flex-start;gap:8px}.fm-benefit__icon{width:36px;height:36px;border-radius:11px}.fm-benefit strong{font-size:11px}.fm-benefit small{font-size:10px}.fm-journey{padding:16px}.fm-back-home{display:none}}
@media(max-width:520px){.fm-auth{padding:18px 12px 32px}.fm-auth__layout{gap:20px}.fm-auth__form-panel{padding:18px 17px 22px;border-radius:25px}.fm-auth__intro h2{font-size:26px}.fm-intro-copy{font-size:13px}.fm-brand{margin-bottom:13px}.fm-brand img{width:86px;height:46px}.fm-brand__label{font-size:8px;padding:6px 8px}.fm-benefits{grid-template-columns:1fr;gap:13px;margin-bottom:19px}.fm-benefit{align-items:center}.fm-benefit strong{font-size:12px}.fm-benefit small{font-size:11px}.fm-step{font-size:9px}.fm-step em{font-size:8px;padding:3px 5px}.fm-journey{border-radius:17px}.fm-auth__title{font-size:20px}.fm-auth__subtitle{font-size:12px;margin-bottom:18px}.fm-form{gap:15px}.fm-auth__orbs span:nth-child(1){left:-35%;top:5%}.fm-auth__orbs span:nth-child(2){right:-25%;bottom:0}}
@media(prefers-reduced-motion:reduce){.fm-auth *,.fm-auth *:before,.fm-auth *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Six-digit verification inputs: animated focus, error and verified states. */
.fm-otp{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(79,199,199,.18);border-radius:16px;background:rgba(1,15,29,.34);animation:fm-rise .32s ease both}
.fm-otp[hidden]{display:none!important}
.fm-otp__heading,.fm-otp__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#c5d4e1}
.fm-otp__heading{font-weight:750}
.fm-otp__description{margin:0;color:#94acbf;font-size:11px;line-height:1.8}
.fm-otp__digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr}
.fm-otp__digit{width:100%;min-width:0;height:49px;padding:0!important;text-align:center!important;direction:ltr;border:1px solid rgba(167,194,216,.3)!important;border-radius:12px!important;background:rgba(0,16,31,.65)!important;color:#f8fbff!important;font-family:inherit!important;font-size:21px!important;font-weight:800!important;outline:none;box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.fm-otp__digit:focus{border-color:#4fc7c7!important;background:rgba(5,56,73,.8)!important;box-shadow:0 0 0 3px rgba(79,199,199,.14)!important;transform:translateY(-2px)}
.fm-otp__digit.is-invalid{border-color:#ff777d!important;background:rgba(108,28,43,.28)!important;box-shadow:0 0 0 3px rgba(255,95,110,.1)!important;animation:fm-otp-shake .28s ease both}
.fm-otp__digit.is-valid{border-color:#55d6a0!important;background:rgba(15,114,77,.29)!important;color:#c5ffe1!important;box-shadow:0 0 0 2px rgba(69,211,151,.09),inset 0 0 18px rgba(41,184,119,.07)!important}
.fm-otp__meta{font-size:10px;color:#8da7ba}
.fm-otp__meta [data-otp-status].is-valid{color:#6be0ae;font-weight:800}
.fm-otp__meta [data-otp-status].is-invalid{color:#ff989d;font-weight:800}
.fm-otp__note{margin:0;text-align:center;color:#829db2;font-size:10px}
.fm-otp__note bdi{color:#f4ce75;font-weight:800;letter-spacing:2px}
.fm-auth__form-view .fm-submit:disabled{opacity:.8;cursor:wait;transform:none}
.fm-auth__form-view .fm-submit.is-complete{background:linear-gradient(110deg,#73e0b0,#32b982);box-shadow:0 10px 25px rgba(42,185,126,.17);color:#082c25}
@keyframes fm-otp-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:520px){.fm-otp{padding:11px;gap:9px}.fm-otp__digits{gap:5px}.fm-otp__digit{height:44px;font-size:19px!important;border-radius:10px!important}.fm-otp__description{font-size:10px}}

/* Keep semantic hidden states consistent with component display rules. */
.fm-auth [hidden]{display:none!important}