.animate-fade-in{animation-duration:1s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:fadeIn;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}.nav-link{color:rgb(255, 255, 255);padding-top:0.5rem;padding-right:0px;padding-bottom:0.5rem;padding-left:0px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;text-decoration-line:none;text-decoration-thickness:auto;text-decoration-style:solid;text-decoration-color:currentcolor;}.nav-link.active{color:rgb(239, 68, 68);border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:rgb(239, 68, 68);}.nav-link:hover{color:rgb(239, 68, 68);}.feature-card{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-behavior:normal;transition-property:all;}.feature-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;}.character-card{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-behavior:normal;transition-property:all;}.character-card:hover{transform:scale(1.05);}.mode-card{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-behavior:normal;transition-property:all;}.mode-card:hover{transform:translateY(-3px);}.news-item{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0s;transition-behavior:normal;transition-property:all;}.news-item:hover{background-color:rgb(248, 250, 252);}.footer-link{transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:color;}.footer-link:hover{color:rgb(239, 68, 68) !important;}.video-modal{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);z-index:1000;align-items:center;justify-content:center;}.video-modal.show{display:flex;}.video-container{position:relative;width:80%;max-width:800px;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:black;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow-x:hidden;overflow-y:hidden;}.close-video{position:absolute;top:10px;right:10px;color:white;font-size:24px;cursor:pointer;z-index:1001;}.video-iframe{width:100%;height:450px;border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px);}100%{opacity:1;transform:translateY(0px);}}@media (max-width: 768px){.nav-link{display:block;padding-top:0.75rem;padding-right:1rem;padding-bottom:0.75rem;padding-left:1rem;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(229, 231, 235);}.video-iframe{height:300px;}}