@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}.video-player-wrapper{position:relative}.video-element{width:100%;height:100%;object-fit:cover}.big-play-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.big-play-button:hover{background-color:#ffffff4d;transform:translate(-50%,-50%) scale(1.1);border-color:#fffc}.big-play-button i{margin-left:5px}.controls-bar.always-visible{opacity:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#eab308;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f59e0b}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}.animate-zoomIn{animation:zoomIn .6s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .8s ease-out forwards}.animate-slideInRight{animation:slideInRight .8s ease-out forwards}.animate-pulse{animation:pulse 1.5s infinite ease-in-out}.pattern-bg{background-image:radial-gradient(circle,rgba(234,179,8,.03) 1px,transparent 1px);background-size:20px 20px}.aspect-w-16{position:relative;padding-bottom:56.25%}.aspect-w-16>*{position:absolute;top:0;left:0;width:100%;height:100%}.blur-3xl{filter:blur(48px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-slow-1{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.animate-pulse-slow-1{animation:pulse-slow-1 8s infinite ease-in-out}@keyframes pulse-slow-2{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.25;transform:scale(1.03)}}.animate-pulse-slow-2{animation:pulse-slow-2 10s infinite ease-in-out;animation-delay:1s}@keyframes pulse-slow-3{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.2;transform:scale(1.06)}}.animate-pulse-slow-3{animation:pulse-slow-3 9s infinite ease-in-out;animation-delay:.5s}.animate-on-scroll{opacity:0;transition:opacity .3s ease,transform .6s ease}.animate-on-scroll.in-view{opacity:1}.animate-on-scroll.in-view.fadeInUp{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-on-scroll.in-view.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-on-scroll.in-view.zoomIn{animation-name:zoomIn;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-on-scroll.in-view.slideInLeft{animation-name:slideInLeft;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-on-scroll.in-view.slideInRight{animation-name:slideInRight;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-on-scroll.in-view.pulse{animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.control-button{transition:all .2s ease}.control-button:hover{transform:scale(1.1);color:#f59e0b}@media (max-width: 640px){#hero h1{font-size:3.5rem;line-height:1.1}#hero p{font-size:1rem}#skills .grid{grid-template-columns:1fr}.controls-bar{padding:.5rem}.time-display{font-size:.7rem}.control-button i{font-size:1rem}.big-play-button{padding:1.5rem}.big-play-button i{font-size:2.5rem}#dance-with-me .controls-bar{padding:.5rem}#dance-with-me .big-play-button{padding:1.5rem}#dance-with-me .big-play-button i{font-size:2.5rem}}@media (max-width: 768px){#featured-projects .grid{grid-template-columns:1fr}}@tailwind base;@tailwind components;@tailwind utilities;