html { scroll-behavior: smooth; }
.gradient-hero { background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 40%, #0ea5e9 100%); }
.gradient-card { background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%); }
.glass { background: rgba(255,255,255,0.08); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.15); }
.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(3,105,161,0.2); }
.nav-link { position: relative; }
.nav-link::after { content:''; position:absolute; bottom:-2px; width:0; height:2px; background:#38bdf8; transition:width 0.3s; }
.nav-link:hover::after { width:100%; }
.animate-float { animation: float 6s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-20px)} }
.section-title::after { content:''; display:block; width:60px; height:4px; background:linear-gradient(90deg,#0ea5e9,#38bdf8); border-radius:2px; margin: 12px auto 0; }
.pricing-popular { position:relative; transform:scale(1.05); }
.pricing-popular::before { content:''; position:absolute; inset:-2px; background:linear-gradient(135deg,#0ea5e9,#38bdf8); border-radius:18px; z-index:-1; }
.counter { font-variant-numeric: tabular-nums; }
@media(max-width:768px){ .pricing-popular{transform:scale(1);} }

/* RTL nav-link underline */
[dir="rtl"] .nav-link::after { right:0; left:auto; }
[dir="ltr"] .nav-link::after { left:0; right:auto; }