*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 800px at 80% -10%,#38b6ff1a,#0000 60%),radial-gradient(1000px 700px at -10% 110%,#0056b31f,#0000 55%),linear-gradient(135deg,#000,#11151a 55%,#0d0d0d);background-attachment:fixed;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.65;overflow-x:hidden}#root,body{min-height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid #38b6ff;outline-offset:3px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#0d0d0d80}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#38b6ff,#0056b3);border-radius:5px}.container{margin:0 auto;max-width:1200px;padding:0 clamp(1.25rem,4vw,3rem);width:100%}.section{padding:clamp(4rem,9vw,7.5rem) 0;position:relative;z-index:50}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#38b6ff,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.6em}.section-eyebrow{color:#38b6ff;display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.18em;margin-bottom:.9rem;opacity:.9;text-transform:uppercase}.section-lead{color:#9aa6b2;font-size:clamp(1rem,1.6vw,1.18rem);margin-bottom:2.5rem;max-width:720px}.btn{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:1rem;font-weight:600;gap:.55rem;padding:.85rem 1.7rem;transition:.3s ease}.btn-primary{background:linear-gradient(120deg,#38b6ff,#4ecdc4);box-shadow:0 0 20px #38b6ff59,0 0 40px #38b6ff33,0 0 70px #38b6ff1a;color:#06121d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-3px)}.btn-ghost{background:#ffffff0a;border-color:#ffffff40;color:#fff}.btn-ghost:hover{border-color:#38b6ff;color:#38b6ff;transform:translateY(-3px)}.tech-tag{background:#38b6ff1a;border:1px solid #38b6ff4d;border-radius:999px;color:#f0f0f0;display:inline-block;font-size:.82rem;font-weight:500;padding:.4rem .85rem;transition:.3s ease}.tech-tag:hover{background:#38b6ff33;transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.reveal.in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 20px #38b6ff4d}50%{box-shadow:0 0 42px #38b6ff99}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 60px}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;inset:0;position:fixed;z-index:998}.main-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff0a;background:#080a0e8c;border:none;border-bottom:1px solid #ffffff1f;box-shadow:0 8px 32px #00000059;height:72px;justify-content:space-between;left:0;padding:0 clamp(1.25rem,4vw,3rem);position:fixed;right:0;top:0;z-index:1000}.main-nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:#fff;font-size:1.35rem;font-weight:800;gap:.6rem;letter-spacing:-.01em}.nav-brand .nav-brand-icon{color:#38b6ff;filter:drop-shadow(0 0 10px rgba(56,182,255,.6));transition:transform .6s ease}.nav-brand:hover .nav-brand-icon{transform:rotate(25deg) scale(1.1)}.nav-panel{gap:2rem}.nav-links,.nav-panel{align-items:center;display:flex}.nav-links{gap:.35rem;list-style:none}.nav-link{border-radius:10px;color:#9aa6b2;display:inline-block;font-size:.96rem;font-weight:500;padding:.5rem .9rem;position:relative;transition:.3s ease}.nav-link:after{background:linear-gradient(90deg,#38b6ff,#4ecdc4);border-radius:2px;bottom:.25rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{width:60%}.nav-socials{align-items:center;border-left:1px solid #ffffff1f;display:flex;gap:.85rem;padding-left:1.25rem}.nav-socials a{color:#9aa6b2;font-size:1.05rem;transition:.3s ease}.nav-socials a:hover{color:#38b6ff;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;color:#fff;display:none;font-size:1.4rem;padding:.5rem}@media(max-width:860px){.mobile-menu-toggle{display:inline-flex}.nav-panel{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a0eeb;border-left:1px solid #ffffff1f;flex-direction:column;gap:1.5rem;height:calc(100vh - 72px);justify-content:flex-start;padding:2rem 1.75rem;position:fixed;right:0;top:72px;transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:min(78vw,320px);z-index:1000}.nav-panel-open{transform:translateX(0)}.nav-links{align-items:flex-start;flex-direction:column;gap:.4rem;width:100%}.nav-link{display:block;font-size:1.1rem;padding:.7rem .5rem;width:100%}.nav-socials{border-left:none;border-top:1px solid #ffffff1f;font-size:1.25rem;padding-left:0;padding-top:1.25rem;width:100%}}.site-footer{background:#00000059;border-top:1px solid #ffffff14;padding:3rem 0 2.5rem;position:relative;z-index:50}.footer-inner{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.footer-socials{display:flex;font-size:1.4rem;gap:1.5rem}.footer-socials a{color:#9aa6b2;transition:.3s ease}.footer-socials a:hover{color:#38b6ff;filter:drop-shadow(0 0 10px rgba(56,182,255,.6));transform:translateY(-3px)}.footer-tagline{color:#f0f0f0;font-size:1.05rem;font-style:italic}.footer-copy{color:#9aa6b2;font-size:.88rem}.dynamic-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-canvas{background:#0000}.background-canvas,.gradient-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.gradient-overlay{animation:gradientShift 30s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#38b6ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b14 0,#0000 50%),radial-gradient(circle at 40% 80%,#4ecdc414 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}@keyframes gradientShift{0%,to{background:radial-gradient(circle at 20% 50%,#38b6ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b14 0,#0000 50%),radial-gradient(circle at 40% 80%,#4ecdc414 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}50%{background:radial-gradient(circle at 60% 70%,#38b6ff1a 0,#0000 50%),radial-gradient(circle at 30% 30%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 60%,#4ecdc41a 0,#0000 50%),linear-gradient(135deg,#0d0d0de6,#1a1a1af2)}}.dynamic-background:before{animation:gridMove 20s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 100px,#38b6ff05 0,#38b6ff05 101px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px)}}.dynamic-background:after{animation:particleFloat 30s ease-in-out infinite;background:radial-gradient(circle,#38b6ff1a 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes particleFloat{0%,to{opacity:.5;transform:translate(0) scale(1)}25%{opacity:.7;transform:translate(-20px,-30px) scale(1.1)}50%{opacity:.4;transform:translate(30px,-20px) scale(.9)}75%{opacity:.6;transform:translate(-10px,40px) scale(1.05)}}@media(max-width:768px){.gradient-overlay{animation-duration:20s}.dynamic-background:before{animation-duration:15s;opacity:.5}}@media(max-width:480px){.dynamic-background:before{display:none}.gradient-overlay{animation:none;background:linear-gradient(135deg,#0d0d0df2,#1a1a1afa)}}@media(prefers-reduced-motion:reduce){.dynamic-background:before,.gradient-overlay{animation:none}.gradient-overlay{background:linear-gradient(135deg,#0d0d0df2,#1a1a1afa)}}.floating-objects{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:40}.float{animation:floatAcross 20s linear infinite;color:#38b6ff;filter:drop-shadow(0 0 10px currentColor);font-size:1.6rem;opacity:.7;position:absolute}.float:first-child{top:18%}.float:nth-child(2){top:50%}.float:nth-child(3){top:78%}.small{font-size:1.2rem}.medium{font-size:1.8rem}.fast{animation-duration:15s}.medium{animation-duration:20s}.slow{animation-duration:25s}.reverse{animation-name:floatReverse}.wave{animation-name:floatWave}@keyframes floatAcross{0%{opacity:0;transform:translateX(-100px)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateX(calc(100vw + 100px))}}@keyframes floatReverse{0%{opacity:0;transform:translateX(calc(100vw + 100px))}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateX(-100px)}}@keyframes floatWave{0%{opacity:0;transform:translateX(-100px) translateY(0)}10%{opacity:.7}25%{transform:translateX(25vw) translateY(-40px)}50%{transform:translateX(50vw) translateY(40px)}75%{transform:translateX(75vw) translateY(-40px)}90%{opacity:.7}to{opacity:0;transform:translateX(calc(100vw + 100px)) translateY(0)}}@media(max-width:768px){.float{font-size:1.4rem;opacity:.5}.small{font-size:1rem}.medium{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.floating-objects{display:none}}.layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.layout-main{flex:1 1;padding-top:72px;position:relative;z-index:50}.page-loader{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;min-height:60vh}.page-loader-orb{animation:pageLoaderSpin .9s linear infinite;border:3px solid #38b6ff33;border-radius:50%;border-top-color:#38b6ff;box-shadow:0 0 24px #38b6ff66;height:54px;width:54px}.page-loader-text{color:#9aa6b2;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase}@keyframes pageLoaderSpin{to{transform:rotate(1turn)}}.page-wrapper{will-change:opacity,transform}.page-enter{opacity:0;transform:translateY(16px)}.page-enter-active{transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.page-enter,.page-enter-active,.page-exit,.page-exit-active{opacity:1;transform:none;transition:none}}