:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-heading:"Playfair Display", serif;--font-mono:"JetBrains Mono", monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #0ea5e94d}50%{box-shadow:0 0 40px #0ea5e999}}.animate-in{animation:.8s ease-out forwards fadeInUp}[data-animate]{opacity:0;transition:all .6s ease-out;transform:translateY(20px)}[data-animate].animate-in{opacity:1;transform:translateY(0)}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0%,#0000 50%)}.feature-card{transition:all .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stat-number{animation:.8s ease-out forwards countUp}.cta-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.cta-gradient:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:20s ease-in-out infinite float;position:absolute;inset:0}.nav-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}@media (width<=768px){.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;line-height:1.4}.feature-grid{grid-template-columns:1fr;gap:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}