*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}html{scroll-behavior:smooth}body{background:var(--white);color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--blue-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue-700)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-14px)rotate(2deg)}66%{transform:translateY(-7px)rotate(-1deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(12px)rotate(-2deg)}66%{transform:translateY(6px)rotate(1deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f6cc,0 0 60px #22d3ee4d}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes blobMove{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCaret{0%,to{border-color:#0000}50%{border-color:#60a5fa}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.grad-blue{background:linear-gradient(135deg,#2563eb,#0891b2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-light{background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#root{width:100%;min-height:100vh}