@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}body{font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes wave{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(-10px)}to{transform:translate(0) translateY(0)}}@keyframes float-up{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-5deg)}}@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-100vh) scale(1.5);opacity:0}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.gradient-bg{background:linear-gradient(-45deg,#2997ff,#bf5af2,#ff375f,#2997ff);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.gradient-bg-green{background:linear-gradient(-45deg,#30d158,#64d2ff,#2997ff,#30d158);background-size:400% 400%;animation:gradient-shift 20s ease infinite}.wave-pattern{position:absolute;width:200%;height:100%;top:0;left:0}.wave{position:absolute;width:100%;height:100%;animation:wave 8s ease-in-out infinite}.wave:nth-child(2){animation-delay:-2s;opacity:.5}.wave:nth-child(3){animation-delay:-4s;opacity:.3}.smoke-blob{position:absolute;border-radius:50%;filter:blur(80px);animation:smoke 30s ease-in-out infinite}.smoke-blob:nth-child(1){width:400px;height:400px;background:radial-gradient(circle,#2997ff66,#2997ff00 70%);left:10%;animation-delay:0s}.smoke-blob:nth-child(2){width:500px;height:500px;background:radial-gradient(circle,#bf5af24d,#bf5af200 70%);left:50%;animation-delay:-10s}.smoke-blob:nth-child(3){width:350px;height:350px;background:radial-gradient(circle,#ff375f4d,#ff375f00 70%);left:70%;animation-delay:-20s}.smoke-blob-green:nth-child(1){background:radial-gradient(circle,#30d15866,#30d15800 70%)}.smoke-blob-green:nth-child(2){background:radial-gradient(circle,#64d2ff4d,#64d2ff00 70%)}.smoke-blob-green:nth-child(3){background:radial-gradient(circle,#2997ff4d,#2997ff00 70%)}.floating-orb{animation:float-up 8s ease-in-out infinite}.floating-orb:nth-child(2n){animation-delay:-4s}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-8px)}@keyframes gradient-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-text{background-size:200% auto;animation:gradient-text 3s linear infinite}@keyframes image-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.image-reveal{animation:image-reveal 1s ease-out forwards}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a 80px);background-size:1000px 100%;animation:shimmer 2s infinite}.magnetic-button{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tech-pill{transition:all .2s ease}.tech-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2997ff4d}