*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{animation:fade-in-app 1s ease-out forwards;opacity:0;text-align:center}@keyframes fade-in-app{to{opacity:1}}body,html{margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}#root{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);width:100%}.loading-container{align-items:center;animation:gradient-wave 3s ease infinite;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364,#203a43,#0f2027);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity 1s ease-out,transform 1s ease-out;width:100vw;z-index:9999}.loading-container.fade-out{opacity:0;transform:scale(1.1)}.loading-container:before{animation:float-around 20s linear infinite;background-image:radial-gradient(circle at 20% 50%,#a9d6e426 0,#0000 50%),radial-gradient(circle at 80% 80%,#a9d6e41a 0,#0000 50%),radial-gradient(circle at 40% 20%,#a9d6e41f 0,#0000 50%);content:"";height:200%;position:absolute;width:200%}.loading-container:after{background:radial-gradient(circle at center,#0000 0,#0f202780 100%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.spinner{align-items:center;display:flex;height:150px;justify-content:center;position:relative;transition:opacity .8s ease-out,transform .8s ease-out;width:150px}.loading-container.fade-out .spinner{opacity:0;transform:scale(.5) rotate(180deg)}.spinner:after,.spinner:before{border:3px solid #0000;border-radius:50%;content:"";position:absolute}.spinner:before{animation:spin-reverse 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border-right-color:#a9d6e4;border-top-color:#a9d6e4;filter:drop-shadow(0 0 10px rgba(169,214,228,.5));height:150px;width:150px}.spinner:after{animation:spin-pulse 1.5s ease-in-out infinite;border-bottom-color:#dbe9f4;border-left-color:#dbe9f4;filter:drop-shadow(0 0 15px rgba(219,233,244,.6));height:100px;width:100px}.spinner{animation:morph-rotate 2s ease-in-out infinite}.spinner:before{box-shadow:0 0 20px #a9d6e44d,inset 0 0 20px #a9d6e41a}.loading-text{animation:glitch-text 2s ease-in-out infinite;color:#dbe9f4;font-size:clamp(24px,3vw,36px);font-weight:300;letter-spacing:8px;margin-top:50px;position:relative;text-shadow:0 0 10px #a9d6e480,0 0 20px #a9d6e44d,0 0 30px #a9d6e433;transition:opacity .8s ease-out,transform .8s ease-out;z-index:10}.loading-container.fade-out .loading-text{opacity:0;transform:translateY(-30px) scale(.8)}.loading-text:after,.loading-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.loading-text:before{animation:glitch-1 .5s cubic-bezier(.25,.46,.45,.94) infinite;color:#a9d6e4;z-index:-1}.loading-text:after{animation:glitch-2 .7s cubic-bezier(.25,.46,.45,.94) infinite reverse;color:#a9d6e480;z-index:-2}@keyframes gradient-wave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float-around{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(1turn) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}@keyframes spin-pulse{0%,to{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.5;transform:rotate(180deg) scale(.8)}}@keyframes morph-rotate{0%,to{border-radius:50%;transform:rotate(0deg)}25%{border-radius:30%;transform:rotate(90deg) scale(1.1)}50%{border-radius:10%;transform:rotate(180deg) scale(.9)}75%{border-radius:30%;transform:rotate(270deg) scale(1.1)}}@keyframes glitch-text{0%,90%,to{filter:blur(0);transform:translate(0) scale(1)}20%{transform:translate(-2px,2px) scale(1.02)}40%{transform:translate(2px,-2px) scale(.98)}60%{filter:blur(1px);transform:translate(-2px,-2px) scale(1.01)}80%{transform:translate(2px,2px) scale(.99)}}@keyframes glitch-1{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(40% 0 30% 0);clip-path:inset(40% 0 30% 0);transform:translate(-3px,3px)}40%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0);transform:translate(3px,-3px)}60%{-webkit-clip-path:inset(60% 0 10% 0);clip-path:inset(60% 0 10% 0);transform:translate(-3px,-3px)}80%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0);transform:translate(3px,3px)}}@keyframes glitch-2{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0);transform:translate(2px,-2px)}40%{-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0);transform:translate(-2px,2px)}60%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0);transform:translate(2px,2px)}80%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0);transform:translate(-2px,-2px)}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navigation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f2027d9;border-bottom:1px solid #a9d6e41a;left:0;position:fixed;right:0;top:0;transition:transform .3s ease;z-index:1000}.navigation.visible{transform:translateY(0)}.navigation.hidden{transform:translateY(-100%)}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:15px 40px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer}.nav-logo img{height:clamp(40px,5vh,60px);transition:transform .3s ease;width:auto}.nav-logo:hover img{transform:scale(1.05)}.nav-links{align-items:center;display:flex;gap:clamp(20px,3vw,40px)}.nav-links button{background:none;border:none;color:#dbe9f4;cursor:pointer;font-family:inherit;font-size:clamp(14px,1.5vw,16px);font-size:13px;font-weight:300;letter-spacing:.8px;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s ease}.nav-links button:before{background:#a9d6e41a;border-radius:6px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%;z-index:-1}.nav-links button:after{background:linear-gradient(90deg,#a9d6e4,#dbe9f4);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links button:hover{color:#a9d6e4;transform:translateY(-2px)}.nav-links button:hover:before{transform:scaleX(1)}.nav-links button:hover:after{width:80%}@media (max-width:768px){.nav-container{padding:12px 20px}.nav-logo img{height:40px}.nav-links{gap:15px}.nav-links button{font-size:11px;padding:5px 0}}@media (max-width:480px){.nav-links button{font-size:10px;letter-spacing:.5px}.nav-links{gap:10px}}.intro-container{align-items:center;animation:intro-gradient-wave 15s ease infinite;animation:intro-fade-in 1.2s ease-out forwards;background:linear-gradient(135deg,#0f2027,#1a3a4a 15%,#203a43 30%,#2c5364 50%,#1e4e5c 65%,#203a43 80%,#162838);background-size:400% 400%;display:flex;height:100vh;justify-content:center;opacity:0;overflow:hidden;position:relative;width:100vw}@keyframes intro-fade-in{to{opacity:1}}.intro-container:before{animation:intro-float-particles 30s linear infinite;background-image:radial-gradient(circle at 15% 60%,#a9d6e414 0,#0000 50%),radial-gradient(circle at 85% 40%,#a9d6e40f 0,#0000 50%),radial-gradient(circle at 50% 80%,#a9d6e412 0,#0000 50%),radial-gradient(circle at 30% 20%,#a9d6e40d 0,#0000 50%);content:"";height:200%;position:absolute;width:200%;z-index:0}.intro-container:after{background:radial-gradient(circle at center,#0000 0,#0f202766 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes intro-gradient-wave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes intro-float-particles{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.background-logo{animation:logo-reveal 2s cubic-bezier(.16,1,.3,1) .3s forwards;filter:drop-shadow(0 0 30px rgba(169,214,228,.2));height:clamp(350px,65vh,900px);left:50%;object-fit:contain;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease-out;width:clamp(250px,45vw,700px);z-index:1}@keyframes logo-reveal{0%{filter:drop-shadow(0 0 50px rgba(169,214,228,.8)) blur(10px);opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}60%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}to{filter:drop-shadow(0 0 30px rgba(169,214,228,.2));opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.IntroText{align-items:flex-start;animation:slide-in-left 1.2s ease-out .6s forwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#0f20271f,#203a4326 50%,#2c53641f);border:1px solid #dbe9f41a;border-left:none;border-radius:0 30px 30px 0;border-right:none;box-shadow:0 4px 20px #0000001a;color:#dbe9f4;display:flex;flex-direction:column;font-size:clamp(28px,5vw,56px);gap:5px;left:0;margin:0;max-width:50vw;opacity:0;padding:clamp(30px,5vh,60px) clamp(20px,8vw,80px);position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:transform .3s ease,box-shadow .3s ease;width:50vw;z-index:1000}.IntroText:hover{border-color:#a9d6e44d;box-shadow:0 8px 40px #a9d6e426;transform:translateY(-50%) translateX(5px)}.IntroText p{color:#dbe9f4;line-height:1.4;margin:0;padding-bottom:.1em}.chinese-intro{font-size:clamp(16px,2.5vw,28px);margin-top:10px!important;opacity:.9}.text-background{background:#0000;border-color:#fff;border-radius:0 50% 50% 0;color:#dbe9f4;height:35vh;left:0;position:absolute;top:50%;transform:translateY(-50%);width:52vw;z-index:999}.ellipse{animation:float 3s ease-in-out infinite;height:auto;object-fit:contain;opacity:.9;width:clamp(80px,15vw,150px)}.vector-1{animation:fade-in-float 1.5s ease-out .8s forwards,float-slow 4s ease-in-out 2.3s infinite;bottom:-40%;left:-10%;width:clamp(180px,25vw,350px)}.vector-1,.vector-2{height:auto;object-fit:contain;opacity:0;position:absolute;z-index:5}.vector-2{animation:fade-in-float 1.5s ease-out 1s forwards,float-slow 4.5s ease-in-out 2.5s infinite reverse;bottom:-70%;left:-20%;width:clamp(220px,35vw,500px)}.vector-3{animation:fade-in-float 1.5s ease-out 1.2s forwards,float-slow 4s ease-in-out 2.7s infinite;bottom:0}.vector-3,.vector-4{height:auto;object-fit:contain;opacity:0;position:absolute;right:-2%;width:clamp(180px,25vw,350px);z-index:5}.vector-4{animation:fade-in-float 1.5s ease-out 1.4s forwards,float-slow 4.5s ease-in-out 2.9s infinite reverse;bottom:12%}.ellipse-design{animation:fade-glow 2s ease-out 1.6s forwards,float-glow 4s ease-in-out 3.6s infinite;background:radial-gradient(circle,#fff3 0,#dbe9f426 25%,#a9d6e41a 50%,#6496b40d 70%,#0000 100%);border-radius:50%;bottom:10%;filter:blur(20px);height:clamp(150px,30vw,350px);opacity:0;position:absolute;right:15%;width:clamp(150px,30vw,350px);z-index:1000}@keyframes float-glow{0%,to{filter:blur(20px) brightness(1);transform:translateY(0) scale(1)}50%{filter:blur(25px) brightness(1.3);transform:translateY(-15px) scale(1.1)}}@keyframes fade-in-scale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.3;transform:translate(-50%,-50%) scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}@keyframes fade-drop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-float{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-glow{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float-slow-rotated{0%,to{transform:translateY(0) rotate(145deg)}50%{transform:translateY(-15px) rotate(148deg)}}.floating-shape{animation:shape-appear 1s ease-out forwards;border-radius:50%;opacity:0;position:absolute;z-index:2}.shape-1{animation:shape-appear 1.5s ease-out .8s forwards,float-shape-1 8s ease-in-out 2.3s infinite;background:radial-gradient(circle,#a9d6e426,#0000);border:2px solid #a9d6e433;filter:blur(1px);height:120px;right:12%;top:15%;width:120px}.shape-2{animation:shape-appear 1.5s ease-out 1s forwards,float-shape-2 10s ease-in-out 2.5s infinite;background:radial-gradient(circle,#dbe9f41f,#0000);border:2px solid #dbe9f426;filter:blur(1px);height:80px;left:8%;top:65%;width:80px}.shape-3{animation:shape-appear 1.5s ease-out 1.2s forwards,float-shape-3 7s ease-in-out 2.7s infinite;background:linear-gradient(135deg,#a9d6e41a,#dbe9f414);border:1px solid #a9d6e433;border-radius:30%;height:60px;left:18%;top:25%;transform:rotate(45deg);width:60px}.shape-4{animation:shape-appear 1.5s ease-out 1.4s forwards,float-shape-4 9s ease-in-out 2.9s infinite;background:radial-gradient(circle,#a9d6e414,#0000);border:2px solid #a9d6e41f;filter:blur(2px);height:100px;right:20%;top:70%;width:100px}.shape-5{animation:shape-appear 1.5s ease-out 1.6s forwards,float-shape-5 6s ease-in-out 3.1s infinite;background:linear-gradient(45deg,#dbe9f41a,#0000);border:1px solid #dbe9f426;border-radius:20%;height:50px;right:25%;top:40%;width:50px}@keyframes shape-appear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float-shape-1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(15px,-20px) rotate(5deg)}50%{transform:translateY(-30px) rotate(0deg)}75%{transform:translate(-15px,-20px) rotate(-5deg)}}@keyframes float-shape-2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,-15px) rotate(-8deg)}66%{transform:translate(10px,-25px) rotate(8deg)}}@keyframes float-shape-3{0%,to{transform:translate(0) rotate(45deg)}25%{transform:translate(10px,-15px) rotate(60deg)}50%{transform:translateY(-20px) rotate(75deg)}75%{transform:translate(-10px,-15px) rotate(60deg)}}@keyframes float-shape-4{0%,to{transform:translate(0)}50%{transform:translate(-25px,-20px)}}@keyframes float-shape-5{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(12px,-18px) rotate(15deg)}66%{transform:translate(-12px,-12px) rotate(-15deg)}}.vision-mission-section{align-items:center;background:linear-gradient(135deg,#0a1f2e,#1a3a4a 25%,#203a43 50%,#2c5364 75%,#1e4e5c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 40px 40px;position:relative;scroll-margin-top:80px}.vision-mission-section:before{animation:pulse-glow 6s ease-in-out infinite;background:radial-gradient(circle,#a9d6e414 0,#0000 70%);border-radius:50%;content:"";height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.vision-mission-container{align-items:stretch;display:flex;gap:60px;max-width:1200px;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.vision-mission-container.animate{opacity:1;transform:translateY(0)}.mission-box,.vision-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dbe9f40d;border:1px solid #a9d6e433;border-radius:20px;flex:1 1;overflow:hidden;padding:clamp(40px,5vw,60px);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mission-box:before,.vision-box:before{background:radial-gradient(circle,#a9d6e426 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .6s ease,transform .6s ease;width:200%}.mission-box:hover:before,.vision-box:hover:before{opacity:1;transform:scale(1.2)}.mission-box:hover,.vision-box:hover{border-color:#a9d6e480;box-shadow:0 25px 70px #a9d6e440,inset 0 0 40px #a9d6e41a;transform:translateY(-15px) scale(1.02)}.mission-box h2,.vision-box h2{color:#dbe9f4;display:inline-block;font-size:clamp(32px,4vw,48px);font-weight:300;letter-spacing:1px;margin-bottom:20px;position:relative}.mission-box h2:after,.vision-box h2:after{background:linear-gradient(90deg,#a9d6e4,#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .6s ease;width:0}.mission-box:hover h2:after,.vision-box:hover h2:after{width:100%}.mission-box p,.vision-box p{color:#a9d6e4;font-size:clamp(16px,2vw,18px);font-weight:300;line-height:1.8}.divider{background:linear-gradient(180deg,#0000,#a9d6e44d 20%,#a9d6e44d 80%,#0000);overflow:hidden;position:relative;width:1px}.divider:after{animation:shimmer-vertical 3s ease-in-out infinite;background:linear-gradient(180deg,#0000,#a9d6e4cc,#0000);content:"";height:100%;left:0;position:absolute;top:-100%;width:100%}@keyframes shimmer-vertical{0%{top:-100%}50%{top:100%}to{top:100%}}@media (max-width:968px){.vision-mission-container{flex-direction:column;gap:40px}.divider{background:linear-gradient(90deg,#0000,#a9d6e44d 20%,#a9d6e44d 80%,#0000);height:1px;width:100%}.vision-mission-section{padding:100px 20px 40px}}.services-section{align-items:center;background:linear-gradient(135deg,#2c5364,#1e4e5c 25%,#203a43 50%,#1a3a4a 75%,#0f2027);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 40px 40px;position:relative;scroll-margin-top:80px}.services-section:before{animation:float-pulse 8s ease-in-out infinite;background:radial-gradient(circle,#a9d6e41a 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-200px;top:-200px;width:500px}.services-section:after{animation:float-pulse 10s ease-in-out infinite reverse;background:radial-gradient(circle,#a9d6e414 0,#0000 70%);border-radius:50%;bottom:-150px;content:"";height:400px;left:-150px;position:absolute;width:400px}@keyframes float-pulse{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.6;transform:translate(50px,-50px) scale(1.2)}}.services-container{max-width:1200px;text-align:center;width:100%}.services-title{color:#dbe9f4;font-size:clamp(40px,6vw,72px);font-weight:300;letter-spacing:2px;margin-bottom:10px;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out,transform .6s ease-out}.services-container.animate .services-title{opacity:1;transform:translateY(0)}.services-subtitle{color:#a9d6e4;font-size:clamp(18px,2.5vw,24px);font-weight:300;letter-spacing:1px;margin-bottom:60px;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.services-container.animate .services-subtitle{opacity:1;transform:translateY(0)}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dbe9f40d;border:1px solid #a9d6e433;border-radius:20px;opacity:0;overflow:hidden;padding:40px 30px;position:relative;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out,box-shadow .3s ease,border-color .3s ease}.service-card.animate{opacity:1;transform:translateY(0)}.service-card:before{background:linear-gradient(90deg,#0000,#a9d6e4,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s ease}.service-card:after{background:radial-gradient(circle,#a9d6e433 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.service-card:hover:before{transform:translateX(100%)}.service-card:hover:after{height:500px;width:500px}.service-card:hover{border-color:#a9d6e499;box-shadow:0 30px 80px #a9d6e44d,inset 0 0 60px #a9d6e41a;transform:translateY(-20px) scale(1.05)}.service-icon{color:#a9d6e4;display:inline-block;filter:drop-shadow(0 0 0 rgba(169,214,228,0));font-size:clamp(40px,5vw,60px);margin-bottom:20px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.service-card:hover .service-icon{color:#dbe9f4;filter:drop-shadow(0 0 20px rgba(169,214,228,.8));transform:scale(1.4) rotate(1turn)}.service-card h3{color:#dbe9f4;font-size:clamp(20px,2.5vw,28px);font-weight:400;letter-spacing:.5px;margin-bottom:15px;transition:all .3s ease}.service-card:hover h3{color:#a9d6e4;text-shadow:0 0 20px #a9d6e480;transform:translateX(5px)}.service-card p{color:#a9d6e4;font-size:clamp(14px,1.5vw,16px);font-weight:300;line-height:1.6;opacity:.9}@media (max-width:768px){.services-section{padding:100px 20px 40px}.services-grid{gap:20px;grid-template-columns:1fr}.service-card{padding:30px 25px}}.portfolio-section{align-items:center;background:linear-gradient(135deg,#0a1f2e,#162838 25%,#203a43 50%,#2c5364 75%,#2a5566);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 40px 40px;position:relative;scroll-margin-top:80px}.portfolio-section:before{animation:float-orb 8s ease-in-out infinite;background:radial-gradient(circle,#a9d6e426 0,#0000 70%);height:500px;right:-100px;top:-100px;width:500px}.portfolio-section:after,.portfolio-section:before{border-radius:50%;content:"";filter:blur(60px);position:absolute}.portfolio-section:after{animation:float-orb-reverse 10s ease-in-out infinite;background:radial-gradient(circle,#2c536433 0,#0000 70%);bottom:-50px;height:400px;left:-50px;width:400px}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}}@keyframes float-orb-reverse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.15)}}.portfolio-container{max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}.portfolio-title{animation:title-glow 3s ease-in-out infinite;color:#dbe9f4;display:inline-block;font-size:clamp(40px,6vw,72px);font-weight:300;letter-spacing:2px;margin-bottom:30px;opacity:0;padding-bottom:20px;position:relative;text-shadow:0 0 20px #a9d6e44d,0 0 40px #a9d6e433;transform:translateY(-20px);transition:opacity .6s ease-out,transform .6s ease-out}@keyframes title-glow{0%,to{text-shadow:0 0 20px #a9d6e44d,0 0 40px #a9d6e433}50%{text-shadow:0 0 30px #a9d6e480,0 0 60px #a9d6e44d,0 0 80px #a9d6e41a}}.portfolio-title:after{background:linear-gradient(90deg,#0000,#a9d6e4 20%,#2c5364 50%,#a9d6e4 80%,#0000);bottom:0;box-shadow:0 0 10px #a9d6e480;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .8s ease-out .6s;width:0}.portfolio-container.animate .portfolio-title:after{width:140%}.portfolio-container.animate .portfolio-title{opacity:1;transform:translateY(0)}.portfolio-subtitle{color:#a9d6e4;font-size:clamp(18px,2.5vw,24px);font-weight:300;letter-spacing:4px;margin-bottom:60px;opacity:0;text-shadow:0 0 15px #a9d6e466;transform:translateY(-20px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.portfolio-container.animate .portfolio-subtitle{opacity:1;transform:translateY(0)}.portfolio-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));opacity:0;position:relative;transform:translateY(40px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.portfolio-content:before{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(circle,#a9d6e41a 0,#0000 70%);height:300px;left:-100px;top:50%;width:300px}.portfolio-content:after,.portfolio-content:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.portfolio-content:after{animation:pulse-glow 5s ease-in-out infinite reverse;background:radial-gradient(circle,#2c53641f 0,#0000 70%);bottom:10%;height:250px;right:-80px;width:250px}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.portfolio-container.animate .portfolio-item:first-child{animation:slide-in-up .8s ease-out .6s backwards}.portfolio-container.animate .portfolio-item:nth-child(2){animation:slide-in-up .8s ease-out .8s backwards}.portfolio-container.animate .portfolio-item:nth-child(3){animation:slide-in-up .8s ease-out 1s backwards}.portfolio-container.animate .portfolio-item:nth-child(4){animation:slide-in-up .8s ease-out 1.2s backwards}@keyframes slide-in-up{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.portfolio-item.featured{grid-column:1/-1;margin:0 auto 30px;max-width:700px;width:100%}.portfolio-item{animation:item-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dbe9f40d;border:1px solid #a9d6e433;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease,border-color .5s ease}.portfolio-item:first-child{animation-delay:0s}.portfolio-item:nth-child(2){animation-delay:.5s}.portfolio-item:nth-child(3){animation-delay:1s}.portfolio-item:nth-child(4){animation-delay:1.5s}@keyframes item-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.portfolio-item img{display:block;height:auto;object-fit:contain;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s ease;width:100%}.portfolio-item:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#a9d6e480,#2c536466 30%,#1e4e5c80 60%,#2a556666);bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.portfolio-item:hover:before{background-size:200% 200%;opacity:1}.portfolio-item:after{animation:corner-pulse 2s ease-in-out infinite;border-color:#0000 #a9d6e4 #0000 #0000;border-style:solid;border-width:0 80px 80px 0;content:"";filter:drop-shadow(0 0 15px rgba(169,214,228,.8));height:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease,transform .5s cubic-bezier(.68,-.55,.265,1.55);width:0;z-index:2}@keyframes corner-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(169,214,228,.8))}50%{filter:drop-shadow(0 0 25px rgba(169,214,228,1))}}.portfolio-item:hover:after{opacity:.9;transform:scale(1.2) rotate(5deg)}.portfolio-item:hover{animation:none;border-color:#a9d6e4e6;box-shadow:0 35px 70px #0009,0 0 60px #a9d6e480,inset 0 0 50px #a9d6e433,0 0 120px #2c536466;transform:translateY(-25px) scale(1.08) rotate(2deg)}.portfolio-item:hover img{filter:brightness(1.05) contrast(1.03) saturate(1.15);transform:scale(1.1) rotate(-1deg)}.portfolio-container.animate .portfolio-content{opacity:1;transform:translateY(0)}@media (max-width:768px){.portfolio-section{padding:100px 20px 40px}.portfolio-content{padding:40px 25px}}.contributors-section{align-items:center;background:linear-gradient(135deg,#2c5364,#2a5566 25%,#203a43 50%,#162838 75%,#0a1f2e);display:flex;justify-content:center;min-height:100vh;padding:100px 40px 40px;scroll-margin-top:80px}.contributors-container{max-width:1200px;text-align:center;width:100%}.contributors-title{color:#dbe9f4;font-size:clamp(40px,6vw,72px);font-weight:300;letter-spacing:2px;margin-bottom:10px;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out,transform .6s ease-out}.contributors-container.animate .contributors-title{opacity:1;transform:translateY(0)}.contributors-subtitle{color:#a9d6e4;font-size:clamp(18px,2.5vw,24px);font-weight:300;letter-spacing:1px;margin-bottom:60px;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.contributors-container.animate .contributors-subtitle{opacity:1;transform:translateY(0)}.contributors-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dbe9f40d;border:1px solid #a9d6e433;border-radius:20px;opacity:0;padding:clamp(60px,8vw,100px);transform:translateY(40px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}.contributors-container.animate .contributors-content{opacity:1;transform:translateY(0)}.coming-soon{color:#dbe9f4;font-size:clamp(24px,3vw,36px);font-weight:300;margin-bottom:20px}.description{color:#a9d6e4;font-size:clamp(16px,2vw,18px);font-weight:300;line-height:1.8;margin:0 auto;max-width:600px}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contributors-section{padding:100px 20px 40px}.contributors-content{padding:40px 25px}}
/*# sourceMappingURL=main.dfd6c0a2.css.map*/