@import url('/libs/font/Vazirmatn-font-face.css');
:root{--bg:#050c18;--grad1:#0f3061;--grad2:#031224;--accent:#06b6d4;--accent2:#3b82f6;--glass:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.08);--text:#ecf6ff;--warn:#fbbf24;}
@font-face {font-family:'Yekan';src:url('/libs/font/yekan/Yekan.woff') format('woff');font-display:swap;}
/* Removed local bootstrap-icons @font-face to use external CDN */
/* body font stack */
body,html,button,input,select,textarea{font-family:'Yekan','Vazirmatn','bootstrap-icons',system-ui,Arial !important;}
html,body{font-family:'Yekan','Vazirmatn',system-ui,Arial !important;background:radial-gradient(circle at 70% 20%,#102a4b,#050c18 60%);min-height:100vh;color:var(--text);}body.landing-body{overflow-x:hidden;}
.gradient-text{background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;}
/* Force icons rendering with CDN font */
.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{font-family:'bootstrap-icons'!important;font-style:normal;font-weight:normal!important;display:inline-block;}
.hero{position:relative;}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;z-index:-1;}
.hero:before{width:480px;height:480px;top:-120px;right:-120px;background:linear-gradient(45deg,#06b6d4,#3b82f6);} .hero:after{width:360px;height:360px;bottom:-100px;left:-60px;background:linear-gradient(45deg,#3b82f6,#06b6d4);} 
.action-card{cursor:pointer;position:relative;padding:48px 36px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(14px);box-shadow:0 20px 40px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,0.04);transition:.55s cubic-bezier(.22,.99,.27,.99);overflow:hidden;}
.action-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,30%) var(--my,30%),rgba(255,255,255,.15),rgba(255,255,255,0));opacity:0;transition:.5s;}
.action-card:hover:before{opacity:1;}
.action-card .icon-wrapper{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 20px;border-radius:26px;background:linear-gradient(135deg,#06263a,#0f3a57);color:#5fdcff;box-shadow:inset 0 0 14px #09314a,0 10px 25px -5px #031726;}
.action-card .icon-wrapper.alt{background:linear-gradient(135deg,#102e52,#18426c);color:#7fd2ff;}
.action-card h3{font-weight:700;font-size:1.8rem;}
.action-card p{opacity:.85;margin-top:6px;font-size:1rem;}
.action-card .arrow{position:absolute;left:32px;bottom:28px;font-size:2rem;color:var(--accent);opacity:.4;transition:.5s;}
.action-card:hover{transform:translateY(-14px) rotateX(8deg) rotateY(-4deg);box-shadow:0 30px 65px -15px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07);}
.action-card:hover .arrow{opacity:1;transform:translateX(-8px);} .neon-border{--c1:#06b6d4;--c2:#3b82f6;}
.neon-border:after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(120deg,var(--c1),var(--c2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25;transition:.6s;}
.action-card:hover:after{opacity:1;filter:drop-shadow(0 0 12px #06b6d4aa);} .hover-float{animation:float 8s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.animate-fade{animation:fadeIn .8s ease .2s both}
.animate-fade-down{animation:fadeDown 1s ease .1s both}
@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}
.glass-modal{background:linear-gradient(140deg,rgba(15,48,97,.85),rgba(3,18,36,.92));color:var(--text);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 16px 50px -10px #000;}
.glass-modal .modal-title{font-weight:600;}
.btn-accent{background:linear-gradient(90deg,#06b6d4,#3b82f6);border:0;color:#fff;font-weight:600;box-shadow:0 6px 18px -6px #0d2d44;}
.btn-accent:hover{filter:brightness(1.1);} .btn-outline-light{border-color:rgba(255,255,255,.3);color:#fff;}
/* OTP inputs: force LTR and left alignment */
#otpInputs input{width:48px;height:60px;text-align:left;font-size:1.5rem;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,0.15);color:var(--text);border-radius:14px;transition:.3s;direction:ltr;}
/* Stronger specificity safeguard */
#otpInputs.otp-inputs input{direction:ltr !important;text-align:left !important;}
#otpInputs input:focus{outline:none;box-shadow:0 0 0 3px rgba(6,182,212,.3);border-color:var(--accent);} .small,h1,h2,h3,h4,h5,h6,label,p,span{color:var(--text);} .glass-panel{background:linear-gradient(130deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px);border-radius:30px;box-shadow:0 20px 50px -15px rgba(0,0,0,.7);} .portal-body{background:linear-gradient(180deg,#031224,#0f3061);} .table-dark-transparent{color:var(--text);} .table-dark-transparent td,.table-dark-transparent th{background:transparent !important;border-color:rgba(255,255,255,.08)!important;}
.otp-inputs input{direction:ltr !important;text-align:left !important;font-size:1.25rem;font-weight:600;letter-spacing:1px;}
/* Bootstrap Icons fallback handling: ensure font-family applied */
/* .bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{font-family:"bootstrap-icons"!important;font-style:normal;font-weight:normal!important;} */
/* Glass nav and tiles (if missing) */
.glass-nav{background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);} 
.action-tile, .glass-tile{background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid var(--border);transition:.35s;position:relative;overflow:hidden;}
.action-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px rgba(0,0,0,.6);}
svg,use{color:#fff;}
.svg-icon-white svg{fill:#fff;color:#fff;}
svg[class*='d-block']{margin-left:auto;margin-right:auto;}
svg use{fill:currentColor;}
/* Center any action tiles icons */
.action-tile svg{display:block;margin:0 auto;color:#fff;fill:#fff;}
/* Override paths without fill attribute */
.action-tile svg path{fill:currentColor;}
.numeric-ltr{direction:ltr !important;text-align:left !important;letter-spacing:.5px;}
#loginPhone.numeric-ltr{font-family:monospace,'Yekan';}
/* Footer visibility overrides */
.site-footer, .site-footer a, .site-footer a.text-muted {color:#fff !important;}
.site-footer a:hover{color:#d1ecff !important;}