:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s ease-in-out}.animate-slide-up{animation:slideInFromBottom .8s ease-out}.animate-slide-left{animation:slideInFromLeft .8s ease-out}.animate-slide-right{animation:slideInFromRight .8s ease-out}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#06c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#05a}.section-title{position:relative;font-weight:700;margin-bottom:2rem}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;width:4rem;height:4px;background-color:#06c}.skill-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;margin:.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:#f3f4f6;transition:all .2s ease}.skill-chip:hover{background-color:#06c;color:#fff}