.dark .text-gray-900{color:#e5e7eb}.dark .bg-white{background-color:#1f2937}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}.floating-element{animation:float 6s ease-in-out infinite}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.header-shadow{box-shadow:0 2px 10px #0000000d;backdrop-filter:blur(5px)}.dark .header-shadow{box-shadow:0 2px 10px #ffffff0d}.icon-base{width:1.5rem;height:1.5rem;color:#3b82f6;margin-bottom:1rem}body{font-family:Inter,sans-serif;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(-45deg,#d4a12f,#152a5f,#152a5f,#d4a12f);background-size:400% 400%;animation:gradientShift 15s ease infinite}.technologies,.inspiration{color:#d4a12f}.title{color:#152a5f;background-color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 6s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 1s ease-out forwards}.delay-1{animation-delay:.2s;opacity:0}.delay-2{animation-delay:.4s;opacity:0}.delay-3{animation-delay:.6s;opacity:0}.delay-4{animation-delay:.8s;opacity:0}.delay-5{animation-delay:1s;opacity:0}.delay-6{animation-delay:1.2s;opacity:0}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #0003}.particle{position:absolute;border-radius:50%;background:#ffffff4d;animation:particleFloat 20s infinite ease-in-out}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(100px,-100px) scale(1.2);opacity:.6}50%{transform:translate(-50px,-200px) scale(.8);opacity:.4}75%{transform:translate(-150px,-100px) scale(1.1);opacity:.5}}.glow-text{text-shadow:0 0 20px rgba(102,126,234,.5),0 0 40px rgba(102,126,234,.3)}html{scroll-behavior:smooth}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-icon{animation:pulse 2s ease-in-out infinite}