:root{--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af}
body{font-family:'Inter',sans-serif;scroll-behavior:smooth}
.hero-gradient{background:linear-gradient(135deg,#eef7ff 0%,#dbeafe 50%,#ede9fe 100%)}
.card-hover{transition:all .3s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#2563eb;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(37,99,235,.4)}
.slider-thumb::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#2563eb;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(37,99,235,.4)}
.slider-thumb{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,#2563eb 0%,#e5e7eb 0%);outline:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.animate-fade-up{animation:fadeUp .6s ease forwards}
.animate-delay-1{animation-delay:.1s;opacity:0}
.animate-delay-2{animation-delay:.2s;opacity:0}
.animate-delay-3{animation-delay:.3s;opacity:0}
.animate-delay-4{animation-delay:.4s;opacity:0}