body{font-family:system-ui, -apple-system, sans-serif;}.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}.floating-animation{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;}.slide-in{animation-duration:0.8s;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:slideIn;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.section-padding{padding-top:8rem;padding-bottom:8rem;}.gradient-bg{background-image:linear-gradient(135deg, rgb(30, 58, 138) 0%, rgb(55, 65, 81) 100%);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;}.card-hover{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.card-hover:hover{transform:translateY(-8px);box-shadow:rgba(0, 0, 0, 0.15) 0px 25px 50px;}.nav-link{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.nav-link:hover{color:rgb(59, 130, 246);}.btn-hover{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.btn-hover:hover{transform:translateY(-2px);box-shadow:rgba(0, 0, 0, 0.2) 0px 10px 25px;}.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;}.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-typing{overflow-x:hidden;overflow-y:hidden;border-right-width:0.15em;border-right-style:solid;border-right-color:rgb(59, 130, 246);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-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-text;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.text-shadow-effect{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;}.tech-line{position:relative;}.tech-line::before{content:"";position:absolute;bottom:-2px;left:0px;width:100%;height:2px;background-image:linear-gradient(90deg, transparent, rgb(59, 130, 246), transparent);background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;}.pulse-animation{animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:pulse;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.multilingual-title{writing-mode:vertical-rl;text-orientation:mixed;}.brand-logo{font-family:"Arial Black", SimHei, sans-serif;letter-spacing:2px;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px);}100%{opacity:1;transform:translateY(0px);}}@keyframes pulse{0%{box-shadow:rgba(59, 130, 246, 0.4) 0px 0px 0px 0px;}70%{box-shadow:rgba(59, 130, 246, 0) 0px 0px 0px 10px;}100%{box-shadow:rgba(59, 130, 246, 0) 0px 0px 0px 0px;}}@keyframes shine{0%{background-position-x:-200%;background-position-y:center;}100%{background-position-x:200%;background-position-y:center;}}@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 float-text{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@media (max-width: 768px){.section-padding{padding-top:4rem;padding-bottom:4rem;}.floating-animation{animation-duration:auto;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:none;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.multilingual-title{writing-mode:horizontal-tb;text-orientation:upright;font-size:1.5rem !important;}}