:root{--navy:#0B1F3A;--blue:#1E5AA8;--sky:#4FA3E3;--ice:#EEF4FA;--slate:#5B6B7C}
html{scroll-behavior:smooth}
body{font-family:Vazirmatn,sans-serif;background:var(--ice);color:var(--navy);margin:0;text-align:right}
.hero-bg{background:radial-gradient(circle at 80% 10%,rgba(79,163,227,.35),transparent 55%),linear-gradient(160deg,#0B1F3A 0%,#13396b 50%,#1E5AA8 100%)}
.card{background:#fff;border:1px solid rgba(30,90,168,.12);border-radius:1.25rem;box-shadow:0 10px 30px -18px rgba(11,31,58,.35)}
.lift{transition:transform .25s,box-shadow .25s}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(30,90,168,.45)}
.line{height:3px;width:80px;border-radius:9px;background:linear-gradient(90deg,#4FA3E3,#1E5AA8)}
.fadeUp{animation:fu .7s ease both}
@keyframes fu{from{opacity:0;transform:translateY(20px)}}
input,select,textarea,button{font-family:inherit}