* { font-family: 'Vazirmatn', sans-serif; }
body { background:#f6f8f9; margin:0; }

.gradient-line { height:3px; background:linear-gradient(90deg,#0f766e,#f59e0b,#0f766e); }

.hero-bg {
  background:
    radial-gradient(circle at 85% 20%, rgba(245,158,11,.25), transparent 45%),
    radial-gradient(circle at 10% 90%, rgba(16,185,129,.3), transparent 50%),
    linear-gradient(135deg,#0f4c47,#0f766e);
  position:relative; overflow:hidden;
}
.hero-bg::before {
  content:''; position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 2px, transparent 2px 14px);
  pointer-events:none;
}

.footer-bg {
  background:
    radial-gradient(circle at 90% 10%, rgba(15,118,110,.4), transparent 40%),
    #0c1a19;
}

.scrollbar-none::-webkit-scrollbar { display:none; }
.scrollbar-none { scrollbar-width:none; }

/* Animations */
@keyframes fadeUp { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.fade-up { animation:fadeUp .6s ease both; }

@keyframes toastIn { from { opacity:0; transform:translate(-50%,20px); } to { opacity:1; transform:translate(-50%,0); } }
.toast-in { animation:toastIn .3s ease; }

@keyframes modalIn { from { opacity:0; transform:scale(.95); } to { opacity:1; transform:scale(1); } }
.modal-in { animation:modalIn .25s ease; }

/* RTL range slider direction fix */
input[type=range] { direction:ltr; }

/* Selection color */
::selection { background:#f59e0b; color:#fff; }