.portal-page{--navy:#06182e;--blue:#0874df;--cyan:#17c4dc;--ink:#10243b;--muted:#66788b;--line:#dce5ec;color:var(--ink);background:#fff;min-height:100vh;font-family:Vazirmatn Variable,Vazirmatn,Tahoma,sans-serif}.portal-page *{box-sizing:border-box}.portal-shell{width:min(1160px,100% - 48px);margin-inline:auto}.portal-header{border-bottom:1px solid var(--line);background:#fff;height:78px}.portal-header .portal-shell{justify-content:space-between;align-items:center;height:100%;display:flex}.portal-brand{align-items:center;gap:12px;display:flex}.portal-brand>span{border:2px solid var(--blue);width:38px;height:38px;color:var(--blue);place-items:center;font:800 18px Arial;display:grid}.portal-brand b{font-size:13px}.portal-brand small{letter-spacing:1.2px;color:#789;font:7px Arial;display:block}.portal-header nav{gap:26px;font-size:11px;display:flex}.portal-main{background:linear-gradient(110deg,var(--navy) 0 61%,#edf3f6 61%)}.portal-grid{grid-template-columns:1fr 450px;align-items:center;gap:100px;min-height:620px;display:grid}.portal-intro{color:#fff}.portal-kicker{letter-spacing:2px;color:var(--cyan);font:700 9px Arial}.portal-intro h1{margin:16px 0;font-size:46px;line-height:1.55}.portal-intro h1 em{color:#5bd5e6;font-style:normal}.portal-intro>p{color:#b2c1d1;max-width:550px;font-size:12px;line-height:2.1}.portal-flow{color:#c7d2df;grid-template-columns:30px 1fr;align-items:center;gap:10px 13px;margin-top:30px;font-size:10px;display:grid}.portal-flow i{width:27px;height:27px;color:var(--cyan);border:1px solid #3b5a76;border-radius:50%;place-items:center;font-style:normal;display:grid}.otp-card{background:#fff;padding:38px;box-shadow:0 25px 60px #00000038}.otp-card-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px;display:flex}.otp-card-head span{font-size:12px;font-weight:750}.otp-card-head small{color:var(--blue);font-size:9px}.otp-card h2{margin:28px 0 8px;font-size:22px}.otp-card>p{color:var(--muted);font-size:10px;line-height:1.9}.otp-card label{margin:25px 0 8px;font-size:10px;font-weight:700;display:block}.mobile-field{border:1px solid #cfdbe5;height:48px;display:flex}.mobile-field span{color:#607386;background:#f0f4f7;border-right:1px solid #cfdbe5;place-items:center;width:65px;font:12px Arial;display:grid}.mobile-field input{background:#f8fafb;border:0;flex:1;padding:0 14px;font:13px Arial}.otp-card button{color:#fff;background:#aab7c3;border:0;width:100%;height:48px;margin-top:12px;font:600 11px Vazirmatn Variable}.security-note{border-right:3px solid var(--blue);background:#edf6fd;margin-top:18px;padding:14px}.security-note b,.security-note span{display:block}.security-note b{color:var(--blue);font-size:10px}.security-note span{color:#5c7083;margin-top:4px;font-size:9px;line-height:1.8}.privacy{color:#8291a0;margin-top:15px;font-size:8px;line-height:1.8;display:block}.portal-services{padding:85px 0}.portal-section-title span{color:var(--blue);font-size:9px;font-weight:700}.portal-section-title h2{margin:8px 0 30px;font-size:31px}.portal-service-grid{border-top:1px solid var(--line);border-right:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.portal-service-grid article{border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px;padding:26px}.portal-service-grid article>span{color:var(--blue);font:9px Arial}.portal-service-grid h3{margin-top:30px;font-size:16px}.portal-service-grid p{color:var(--muted);font-size:10px;line-height:2}.portal-footer{color:#9bacbe;background:#041223;padding:30px 0;font-size:9px}.portal-footer .portal-shell{justify-content:space-between;display:flex}.portal-footer div div{color:#d8e1e9;gap:20px;display:flex}@media (max-width:900px){.portal-main{background:var(--navy)}.portal-grid{grid-template-columns:1fr;gap:40px;padding:65px 0}.otp-card{max-width:600px}.portal-service-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.portal-shell{width:calc(100% - 30px)}.portal-header nav a:first-child{display:none}.portal-intro h1{font-size:34px}.otp-card{padding:25px}.portal-service-grid{grid-template-columns:1fr}.portal-footer .portal-shell{gap:15px;display:grid}.portal-footer div div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.portal-page *{scroll-behavior:auto!important;transition:none!important}}