body{font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;scroll-behavior:smooth;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;opacity:0.1;}.skill-bar{height:8px;background-color:rgb(229, 231, 235);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow-x:hidden;overflow-y:hidden;margin-top:8px;}.skill-progress{height:100%;background-color:rgb(59, 130, 246);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:width;}.transition-all{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.hover-lift{transition-behavior:normal;transition-duration:0.2s;transition-timing-function:ease;transition-delay:0s;transition-property:transform;}.hover-lift:hover{transform:translateY(-2px);}.focus\:outline-none:focus{outline-color:initial;outline-style:none;outline-width:initial;}.focus\:ring-2:focus{box-shadow:rgba(59, 130, 246, 0.3) 0px 0px 0px 3px;}.animate-float{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.retro-text{text-shadow:rgb(189, 189, 189) 4px 4px 0px, rgb(153, 153, 153) 7px 7px 0px, rgb(119, 119, 119) 10px 10px 0px;}.outline-text{position:relative;}.outline-text::after{content:attr(data-text);position:absolute;top:0px;left:0px;width:100%;height:100%;color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:rgb(59, 130, 246);z-index:-1;transition-behavior:normal;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-property:width;}.animate-shine{background-image:linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.8) 50%, transparent 70%);background-position-x:initial;background-position-y:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-color:initial;background-size:200% 100%;background-clip:text;animation-duration:3s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:shine;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.h-8.w-8.text-blue-600{text-align:center;}.text-xl.font-bold.text-gray-900.mb-2{text-align:left;}.w-12.h-12.bg-blue-100.rounded-lg.flex.items-center.justify-center.mb-4{text-align:left;}.bg-blue-600.hover\:bg-blue-700.text-white.font-medium.py-2.px-6.rounded-lg.transition-colors.duration-300{text-align:left;}.text-gray-600.mb-4{text-align:left;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes shine{0%{background-position-x:-200%;background-position-y:center;}100%{background-position-x:200%;background-position-y:center;}}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center;}.hero-image{margin-top:2rem;}nav ul{flex-direction:column;row-gap:1rem;column-gap:1rem;}}