body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.floating-element{animation-duration:6s;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;}.game-card{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.game-card:hover{transform:translateY(-5px);box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}.project-card{transition-behavior:normal;transition-duration:0.2s;transition-timing-function:ease;transition-delay:0s;transition-property:transform;}.project-card:hover{transform:scale(1.02);}.btn-primary{background-color:rgb(59, 130, 246);color:white;padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;text-decoration-line:none;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;display:inline-block;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:background-color;}.btn-primary:hover{background-color:rgb(37, 99, 235);}.nav-link{color:rgb(55, 65, 81);text-decoration-line:none;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;transition-behavior:normal, normal;transition-duration:0.3s, 0.3s;transition-timing-function:ease, ease;transition-delay:0s, 0s;transition-property:color, background-color;}.nav-link:hover{color:rgb(59, 130, 246);background-color:rgb(243, 244, 246);}.mobile-menu{display:block;}.mobile-menu.hidden{display:none;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;}.loading{opacity:0;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:opacity;}.loading.loaded{opacity:1;}.animate-typing{overflow-x:hidden;overflow-y:hidden;border-right-width:0.15em;border-right-style:solid;border-right-color:rgb(255, 255, 255);white-space-collapse:collapse;text-wrap-mode:nowrap;animation-duration:3.5s, 0.5s;animation-timing-function:steps(30), step-end;animation-delay:0s, 0s;animation-iteration-count:1, infinite;animation-direction:normal, normal;animation-fill-mode:none, none;animation-play-state:running, running;animation-name:typing, blink-caret;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-blur-focus{animation-duration:4s;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:blur-focus;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-float-3d{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-3d;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;text-shadow:rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.2) 0px 3px 5px, rgba(0, 0, 0, 0.25) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.15) 0px 20px 20px;}.mask-text{background-image:linear-gradient(45deg, rgb(59, 130, 246), rgb(139, 92, 246), rgb(236, 72, 153));background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-color:initial;-webkit-text-fill-color:transparent;background-clip:text;}.particle-wave-container{position:relative;overflow-x:hidden;overflow-y:hidden;}.animate-float-3d{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-3d;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;text-shadow:rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.2) 0px 3px 5px, rgba(0, 0, 0, 0.25) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.15) 0px 20px 20px;}.particle-wave-container{position:relative;overflow-x:hidden;overflow-y:hidden;}.text-xl.md\:text-2xl.mb-8.max-w-3xl.mx-auto.animate-typing{color:rgb(0, 0, 0);}.text-xl.md\:text-2xl.mb-8.max-w-3xl.mx-auto.animate-typing{color:rgb(255, 255, 255);}.text-xl.md\:text-2xl.mb-8.max-w-3xl.mx-auto.animate-typing{color:rgb(255, 194, 194);}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes typing{0%{width:0px;}100%{width:100%;}}@keyframes blink-caret{0%, 100%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}50%{border-top-color:rgb(255, 255, 255);border-right-color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-left-color:rgb(255, 255, 255);}}@keyframes blur-focus{0%, 100%{filter:blur(20px);opacity:0;}50%{filter:blur(0px);opacity:1;}}@media (max-width: 768px){.hero-text{font-size:2rem;}.section-padding{padding-top:4rem;padding-right:1rem;padding-bottom:4rem;padding-left:1rem;}.grid-cols-mobile{grid-template-columns:1fr;}.mobile-menu{display:none;}.mobile-menu.active{display:block;}}@keyframes float-3d{0%, 100%{transform:translateY(0px) translateZ(0px);}50%{transform:translateY(-20px) translateZ(10px);}0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}