@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2')}@font-face{font-family:Vazirmatn;font-weight:700;src:url('../fonts/Vazirmatn-Bold.woff2')}
.portal-entry-screen{--sogol-green:#3c7c4c;--sogol-green-dark:#2f653d;--sogol-burgundy:#88282c;--sogol-burgundy-dark:#711f23;--sogol-cream:#f4e8d0;--sogol-ink:#243429;--sogol-muted:#6b756e;position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at 90% 5%,rgba(60,124,76,.16),transparent 28%),radial-gradient(circle at 4% 91%,rgba(136,40,44,.14),transparent 28%),#faf7f0;color:var(--sogol-ink);font-family:Vazirmatn,Tahoma,sans-serif}
.portal-entry-screen:before,.portal-entry-screen:after{content:"";position:fixed;z-index:-1;width:310px;height:310px;border:2px solid;opacity:.34;border-radius:50%;pointer-events:none}.portal-entry-screen:before{top:-170px;right:-115px;border-color:var(--sogol-green)}.portal-entry-screen:after{bottom:-190px;left:-130px;border-color:var(--sogol-burgundy)}
.portal-entry-screen .site-header{width:min(520px,calc(100% - 30px));min-height:86px;margin:0 auto;padding:10px 4px}.portal-entry-screen .actual-brand-logo{width:58px;height:58px;max-width:58px;object-fit:contain}.portal-entry-screen .brand-copy strong{color:var(--sogol-green-dark);font-size:17px}.portal-entry-screen .brand-copy small{color:#737578;font-size:10px}.portal-entry-screen .secure-chip{padding:10px 13px;border-color:rgba(60,124,76,.28);border-radius:14px;background:rgba(255,255,255,.64);color:var(--sogol-green-dark);box-shadow:0 8px 25px rgba(45,74,54,.06);backdrop-filter:blur(12px)}
.portal-entry-screen main{display:grid;align-items:center}.portal-entry-screen .site-footer{width:min(520px,calc(100% - 30px));min-height:58px;justify-content:center;color:#737b7f;font-size:10px}.portal-entry-screen .site-footer span:last-child{display:none}
.portal-entry-screen .access-shell,.portal-entry-screen .portal-login-shell{min-height:calc(100vh - 144px);padding:18px 15px 28px}
.portal-entry-screen .access-card{position:relative;overflow:hidden;width:min(480px,100%);padding:38px 32px 30px;border:2px solid var(--sogol-green);border-radius:26px;background:linear-gradient(145deg,var(--sogol-burgundy),var(--sogol-burgundy-dark));box-shadow:0 22px 55px rgba(87,30,33,.22);color:var(--sogol-cream)}
.portal-entry-screen .access-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 32% 68%,rgba(255,255,255,.035));pointer-events:none}.portal-entry-screen .access-logo{position:relative;width:116px;height:116px;object-fit:contain;display:block;margin:0 auto 16px}.portal-entry-screen .access-card h1{position:relative;margin:0 0 28px;color:var(--sogol-cream);font-size:28px}.portal-entry-screen .employee-portal-entry{position:relative;height:58px;margin:0 0 20px;border:1px solid rgba(244,232,208,.18);border-radius:16px;background:linear-gradient(135deg,#429057,var(--sogol-green-dark));color:#fff;font-size:15px;box-shadow:0 13px 28px rgba(25,68,39,.28)}.portal-entry-screen .privacy-note{position:relative;margin:0;padding-top:18px;border-top:1px solid rgba(244,232,208,.25);color:rgba(244,232,208,.86);font-size:10px}.portal-entry-screen .privacy-note svg{stroke:#d9f1df}
.portal-entry-screen .portal-login-card{position:relative;overflow:hidden;width:min(480px,100%);padding:34px 32px 27px;border:2px solid var(--sogol-green);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 22px 60px rgba(44,59,48,.16);backdrop-filter:blur(15px)}.portal-entry-screen .portal-login-card:before{content:"";position:absolute;top:0;right:0;left:0;height:7px;background:var(--sogol-burgundy)}.portal-entry-screen .portal-login-logo{width:94px;height:94px;margin:0 auto 12px}.portal-entry-screen .portal-login-logo img{width:94px;height:94px}.portal-entry-screen .portal-login-card h1{margin:0 0 7px;color:var(--sogol-green-dark);font-size:25px}.portal-entry-screen .portal-login-card>p{margin:0 auto 20px;color:var(--sogol-muted);font-size:12px;line-height:1.8}.portal-entry-screen .portal-alert{margin-bottom:13px;border-radius:12px;font-size:11px}.portal-entry-screen .portal-alert.is-info{border-color:#c6dfcd;background:#eff8f1;color:var(--sogol-green-dark)}
.portal-entry-screen .portal-login-form{gap:14px}.portal-entry-screen .portal-field{gap:8px}.portal-entry-screen .portal-field span,.portal-entry-screen .portal-otp-field>span{display:block;margin-bottom:8px;color:#405148;font-size:11px;font-weight:700;text-align:right}.portal-entry-screen .portal-login-form input:not([type=hidden]){height:58px;border:1px solid rgba(60,124,76,.35);border-radius:15px;background:#fffdf8;color:var(--sogol-ink);font-size:19px;outline:none}.portal-entry-screen .portal-login-form input:focus{border-color:var(--sogol-green);box-shadow:0 0 0 4px rgba(60,124,76,.11)}.portal-entry-screen .portal-login-form button{height:56px;border-radius:15px;background:linear-gradient(135deg,#429057,var(--sogol-green-dark));font-size:13px;box-shadow:0 12px 25px rgba(47,101,61,.22)}
.portal-entry-screen .portal-login-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e6e1d7;color:#667169;font-size:10px}.portal-entry-screen .portal-login-security span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--sogol-green);border-radius:50%;color:var(--sogol-green);font-weight:700}.portal-entry-screen .portal-login-back{display:inline-flex;margin-top:15px;color:var(--sogol-green-dark);font-size:10px;font-weight:700;text-decoration:none}
.portal-entry-screen .portal-otp{position:relative;cursor:text}.portal-entry-screen .portal-otp-native{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:.01!important;color:transparent!important;background:transparent!important;caret-color:transparent!important;font-size:16px!important;letter-spacing:0!important}.portal-entry-screen .portal-otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.portal-entry-screen .portal-otp-boxes span{height:61px;display:grid;place-items:center;border:1px solid rgba(60,124,76,.35);border-radius:15px;background:#fffdf8;color:var(--sogol-ink);font-size:22px;font-weight:700;transition:.18s}.portal-entry-screen .portal-otp.is-focused .portal-otp-boxes span{border-color:var(--sogol-green);box-shadow:0 0 0 3px rgba(60,124,76,.08)}.portal-entry-screen .portal-otp-boxes span.is-filled{background:#f5fbf6}.portal-entry-screen .portal-resend-form{margin-top:12px}.portal-entry-screen .portal-resend-form button{border:0;background:transparent;color:var(--sogol-green-dark);font:700 10px Vazirmatn;cursor:pointer}.portal-entry-screen .portal-resend-form button:disabled{color:#919995;cursor:default}
@media(max-width:520px){.portal-entry-screen .site-header{min-height:76px}.portal-entry-screen .actual-brand-logo{width:51px;height:51px}.portal-entry-screen .brand-copy strong{font-size:14px}.portal-entry-screen .secure-chip{padding:8px 10px}.portal-entry-screen .access-shell,.portal-entry-screen .portal-login-shell{min-height:calc(100svh - 132px);padding:10px 11px 20px}.portal-entry-screen .access-card{padding:31px 20px 25px}.portal-entry-screen .access-logo{width:102px;height:102px}.portal-entry-screen .access-card h1{margin-bottom:24px;font-size:23px}.portal-entry-screen .portal-login-card{padding:28px 18px 23px}.portal-entry-screen .portal-login-logo{width:78px;height:78px}.portal-entry-screen .portal-login-logo img{width:78px;height:78px}.portal-entry-screen .portal-login-card h1{font-size:21px}.portal-entry-screen .portal-login-card>p{font-size:11px}.portal-entry-screen .portal-otp-boxes{gap:5px}.portal-entry-screen .portal-otp-boxes span{height:54px;font-size:20px}.portal-entry-screen .site-footer{min-height:48px}}
@media(max-width:360px){.portal-entry-screen .brand-copy{display:none}.portal-entry-screen .portal-login-card{padding-inline:14px}.portal-entry-screen .portal-otp-boxes{gap:4px}.portal-entry-screen .portal-otp-boxes span{height:49px}}

/* PORTAL-V2.8.2-DIRECT-OTP */
.portal-entry-screen .portal-otp-direct{width:100%;height:58px;border:1px solid rgba(60,124,76,.35);border-radius:15px;background:#fffdf8;color:var(--sogol-ink);font:700 24px Vazirmatn;text-align:center;letter-spacing:.42em;direction:ltr;outline:none;padding:0 18px;box-sizing:border-box}
.portal-entry-screen .portal-otp-direct:focus{border-color:var(--sogol-green);box-shadow:0 0 0 3px rgba(60,124,76,.10)}