@font-face{font-family:PcaIRANSans;src:url('fonts/iransans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PcaIRANSans;src:url('fonts/iransans-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:PcaIRANSans;src:url('fonts/iransans-bold.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;color:#0d1730;background:#061b35;font-family:PcaIRANSans,Tahoma,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100svh}.form-panel{width:46.6%;padding:8.5vh 4.3vw 5vh;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:radial-gradient(ellipse at 100% 0,#fff 0,#f7f9fc 58%,#edf2f9 100%);border-radius:20px 0 0 20px;box-shadow:-15px 0 50px #020c2118}header{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:6vh;min-height:100px}header h1{font-size:clamp(18px,1.7vw,27px);font-weight:700;margin:0;line-height:1.9}header p{font-size:16px;color:#596984;margin:5px 0 0}.brand-mark{position:relative;display:block;width:72px;height:88px;flex-shrink:0;font-size:0}.brand-mark:before,.brand-mark:after{content:'';position:absolute;width:36px;height:67px;border-radius:70% 0 70% 0;transform:rotate(-20deg);background:linear-gradient(25deg,#0063ed,#00c4c9);left:24px;top:0}.brand-mark:after{width:34px;height:62px;left:4px;top:27px;transform:rotate(-56deg);background:linear-gradient(25deg,#0048cb,#20afd6);border-right:3px solid #f6f9fc}.company-logo{width:82px;height:96px;object-fit:contain;flex-shrink:0}.card{width:100%;max-width:600px;align-self:center;padding:28px 32px 24px;background:#ffffffdc;border:1px solid #fff;border-radius:24px;box-shadow:0 12px 36px #183a6c0c}h2{margin:0 0 22px;font-size:27px;line-height:1.9;font-weight:700}.eyebrow,.muted{display:none}label{display:block;font-size:14px;font-weight:500;color:#26354e;margin:15px 0 7px}.input-shell{position:relative}.input-icon{position:absolute;right:19px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#7b8ba5;pointer-events:none}input{width:100%;height:62px;background:#ffffff80;border:1.5px solid #dce3ee;border-radius:14px;padding:0 18px;font:400 17px PcaIRANSans,Tahoma,sans-serif;direction:ltr;text-align:right;color:#243654;box-shadow:0 2px 3px #12295602}input.has-icon{padding-right:58px}input::placeholder{color:#8190a7;opacity:1}input:focus-visible{outline:3px solid #0057ff22;border-color:#0057ff}input:disabled{background:#f7f9fc;color:#91a0b9}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}a:focus-visible,button:focus-visible{outline:3px solid #438dff;outline-offset:4px}.primary{width:100%;height:60px;border:0;border-radius:13px;background:linear-gradient(105deg,#087bff,#0347dd);color:white;font-size:16px;font-weight:500;padding:13px 20px;margin-top:20px;box-shadow:0 5px 12px #0055dd12;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary span{float:left;font:26px Arial;line-height:30px}.primary:disabled{background:#95aaca;box-shadow:none;cursor:default;transform:none;filter:none}.otp-form{margin-top:8px}.divider{display:flex;align-items:center;gap:18px;margin:24px 0 19px;color:#65748d;font-size:14px;white-space:nowrap}.divider:before,.divider:after{content:'';height:1px;background:#e1e7ef;flex:1}.google{display:flex;justify-content:center;align-items:center;gap:15px;border:1.5px solid #e1e7ef;border-radius:13px;min-height:58px;padding:10px;text-decoration:none;color:#14213a;font-size:15px;background:linear-gradient(#fff,#f9fbfe);transition:border-color .2s,background .2s}.google:hover{border-color:#83aff7;background:#f4f8ff}.g{font:700 27px Arial;color:#4285f4}.secure{display:flex;justify-content:center;align-items:center;gap:8px;color:#6d7f99;font-size:11px;margin:19px 0 0}.secure svg{width:18px;height:18px;color:#0663f4}footer{text-align:center;color:#5f718d;font-size:13px;margin-top:28px}.notice{background:#edf4ff;border:1px solid #d3e3ff;border-radius:10px;padding:12px;font-size:13px;margin:0 0 16px}.visual{position:relative;width:53.4%;background:#061c3a;overflow:hidden;min-height:760px;direction:rtl}.slides,.slide,.shade{position:absolute;inset:0}.slide{opacity:0;transition:opacity .8s;pointer-events:none;background:#0a2547}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:center}.shade{background:linear-gradient(180deg,#0518322e 0%,#061b3b45 40%,#04142977 100%)}.slide-copy{position:absolute;top:24%;left:7%;right:7%;text-align:center;color:white}.wordmark{display:flex;justify-content:center;align-items:center;gap:10px;font:35px Arial;margin-bottom:66px;direction:ltr;line-height:1.2}.wordmark b{font-size:45px;letter-spacing:-1.5px}.perfex-monogram{font:700 58px Arial;display:inline-block;position:relative;line-height:1;background:linear-gradient(35deg,#10c3f6 40%,#4c6ff7 42%,#965cf2 70%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-right:4px}.slide-copy h2{font-size:clamp(24px,2.55vw,39px);font-weight:700;margin-bottom:17px;line-height:1.9;white-space:normal}.slide-copy p{color:#e1e8f5;font-size:17px;line-height:2;margin:0}.features{display:flex;justify-content:space-between;gap:12px;margin-top:68px;font-size:13px;font-weight:500;direction:ltr}.features span{direction:rtl;flex:1}.feature-circle{display:flex;align-items:center;justify-content:center;background:#ffffff0b;border:1px solid #ffffff0b;border-radius:50%;width:80px;height:80px;margin:0 auto 15px;box-shadow:inset 0 0 20px #ffffff04}.feature-circle svg{width:35px;height:35px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.visual-bottom{position:absolute;bottom:32px;left:28px;right:28px;z-index:2}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.socials a{display:flex;justify-content:center;align-items:center;min-width:43px;height:43px;padding:9px;border-radius:50%;border:1px solid #ffffff3d;background:#ffffff0b;color:#eef5ff;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s;backdrop-filter:blur(8px)}.socials a:hover,.socials a:focus-visible{background:#0870ef;transform:translateY(-5px);border-color:#74bfff;box-shadow:0 8px 22px #0077ff50;outline:2px solid #8acbff}.socials svg{width:21px;height:21px;fill:currentColor}.social-name{font-size:10px}.slider-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;direction:ltr}.slider-controls button{border:0;background:#ffffff60;color:white}.dot{width:7px;height:7px;border-radius:50%;padding:0}.dot.selected{background:white;width:23px;border-radius:8px}#pause{border-radius:5px;width:25px;height:25px;margin-right:5px}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1300px) and (min-height:950px){.form-panel{padding-top:9vh;padding-bottom:6vh}header{margin-bottom:5.5vh}.card{padding:29px 33px 26px}}
@media(max-width:1100px){.form-panel{padding:35px 25px;width:48%}.visual{width:52%}header{gap:16px;margin-bottom:35px}.company-logo{width:62px;height:75px}header h1{font-size:18px}header p{font-size:13px}.card{padding:25px 23px}.slide-copy{left:6%;right:6%;top:23%}.wordmark{font-size:27px;margin-bottom:52px}.wordmark b{font-size:37px}.features{gap:6px;font-size:11px}.feature-circle{width:60px;height:60px}.feature-circle svg{width:29px;height:29px}.slide-copy p{font-size:14px}.slide-copy h2{font-size:27px}h2{font-size:24px}}
@media(max-width:760px){.layout{display:flex;flex-direction:column}.form-panel{width:100%;padding:30px 20px 32px;border-radius:0;min-height:100svh}.visual{width:100%;min-height:650px}.slide-copy{top:18%;left:6%;right:6%}.slide-copy h2{font-size:25px}.slide-copy p{font-size:13px}.wordmark{margin-bottom:44px}.features{margin-top:40px;font-size:10px}.feature-circle{width:56px;height:56px;margin-bottom:12px}.feature-circle svg{width:27px;height:27px}header{margin:0 auto 30px;max-width:520px;min-height:75px;gap:16px}header h1{font-size:18px}header p{font-size:13px}.brand-mark{transform:scale(.8);width:62px;height:80px}.card{max-width:520px;padding:24px 20px;border-radius:21px}h2{font-size:23px;margin-bottom:18px}input{height:59px;font-size:16px}.primary{height:57px;font-size:15px}footer{margin-top:25px;font-size:12px}.socials{gap:9px}.socials a{width:41px;height:41px;min-width:41px}.visual-bottom{left:15px;right:15px;bottom:28px}.secure{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.google-mark{display:block;width:26px;height:26px;object-fit:contain;flex-shrink:0}.socials a{box-shadow:0 4px 14px #00000020;border-color:#ffffff29;color:#fff}.socials a[data-network="instagram"]{background:linear-gradient(135deg,#6a36c8,#d52a85 55%,#f2a13b)}.socials a[data-network="telegram"]{background:#229ed9}.socials a[data-network="whatsapp"]{background:#21b862}.socials a[data-network="linkedin"]{background:#0a66c2}.socials a[data-network="youtube"]{background:#f12424}.socials a[data-network="bale"]{background:#16a77a}.socials a[data-network="eitaa"]{background:#f37b20}.socials a[data-network="rubika"]{background:linear-gradient(135deg,#00acbd,#8251c9)}.socials a[data-network="aparat"]{background:#e62c59}.socials a:hover,.socials a:focus-visible{filter:brightness(1.16);border-color:#ffffffbe;box-shadow:0 9px 24px #007bff55;transform:translateY(-5px) scale(1.05)}
.primary{position:relative}.primary span{position:absolute;left:21px;top:50%;transform:translateY(-50%);float:none}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.features>span{display:block;text-align:center}.feature-circle{flex-shrink:0}.feature-circle svg{display:block}
/* Keep long names, translated labels and narrow devices within their columns. */
.form-panel,.visual,header>div,.features>span{min-width:0}header h1,.slide-copy h2,.slide-copy p{overflow-wrap:anywhere}.card{min-width:0}input,button,.google{max-width:100%}.google{flex-wrap:wrap}.layout{min-height:100vh;min-height:100svh}
@media(max-width:360px){.form-panel{padding:24px 14px}.card{padding:22px 16px}header{gap:10px}header h1{font-size:16px}header p{font-size:12px}.brand-mark{width:51px;transform:scale(.72)}h2{font-size:21px}.features{gap:4px}.feature-circle{width:51px;height:51px}.features>span{font-size:10px}.socials{gap:8px}.visual{min-height:670px}.slide-copy h2{font-size:23px}}
@media(pointer:coarse){.socials a{min-width:44px;min-height:44px}.slider-controls .dot{position:relative;margin:10px}.slider-controls .dot:before{content:'';position:absolute;inset:-18px;border-radius:50%}#pause{min-width:44px;min-height:44px}.slider-controls{gap:5px}}
header{width:100%}.feature-circle{position:relative;display:block}.feature-circle svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
