body{font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}.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;}.glow-border{box-shadow:rgba(59, 130, 246, 0.3) 0px 0px 20px;}.gradient-bg{background-image:linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(30, 41, 59) 50%, rgb(15, 23, 42) 100%);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat-x:initial;background-repeat-y:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;}.backdrop-blur-sm{backdrop-filter:blur(4px);}.backdrop-blur-md{backdrop-filter:blur(8px);}.backdrop-blur-lg{backdrop-filter:blur(12px);}.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;text-shadow:rgba(59, 130, 246, 0.5) 0px 0px 10px;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;transition-property:width;}.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;}.animate-typing{overflow-x:hidden;overflow-y:hidden;border-right-width:0.15em;border-right-style:solid;border-right-color:rgb(34, 211, 238);white-space: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;}.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;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes blur-focus{0%, 100%{filter:blur(20px);opacity:0;}50%{filter:blur(0px);opacity:1;}}@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(34, 211, 238);border-right-color:rgb(34, 211, 238);border-bottom-color:rgb(34, 211, 238);border-left-color:rgb(34, 211, 238);}}