@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700&display=swap";:root{--bg-main:#002538;--bg-secondary:#001824;--bg-card:#001824b3;--bg-card-hover:#002a40d9;--accent-primary:#023;--accent-primary-hover:#003b5c;--accent-glow:#00223380;--text-primary:#fff;--text-secondary:#e0f2fe;--text-muted:#bae6fd;--border-light:#023;--border-glow:#00223380;--shadow-sm:0 4px 15px #0000004d;--shadow-md:0 8px 25px #00000080;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(-45deg,#00121c,#00324d,#005c8a,#001a29) 0 0/300% 300% fixed;font-family:Lato,sans-serif;line-height:1.6;animation:18s ease-in-out infinite metallicFlow}@keyframes metallicFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes neonDash{0%{stroke-dashoffset:400px;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes glowPulse{0%{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow)}to{box-shadow:0 0 10px var(--accent-glow)}}.hero-wrapper{padding:var(--space-2xl) 0;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.hero-background-container{z-index:0;background-color:var(--bg-main);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-overlay{z-index:2;background:radial-gradient(circle,#0a0a0b66 0%,#0a0a0bf2 100%);position:absolute;inset:0}.floating-img{filter:blur(4px)brightness(.6);opacity:.5;z-index:1;background-position:50%;background-size:cover;border-radius:12px;animation:20s ease-in-out infinite alternate float;position:absolute;box-shadow:0 10px 30px #00000080}.img-1{width:300px;height:300px;animation-delay:0s;top:-5%;left:10%}.img-2{filter:blur(6px)brightness(.5);width:400px;height:250px;animation-delay:-5s;bottom:10%;right:5%}.img-3{filter:blur(2px)brightness(.7);width:200px;height:200px;animation-delay:-10s;top:20%;right:15%}.img-4{width:350px;height:200px;animation-delay:-15s;bottom:-10%;left:20%}.light-orb{filter:blur(80px);z-index:1;opacity:.4;border-radius:50%;animation:15s infinite alternate pulseOrb;position:absolute}.orb-1{background:var(--accent-primary);width:400px;height:400px;top:-100px;right:-100px}.orb-2{background:#fff;width:300px;height:300px;animation-delay:-7s;bottom:-50px;left:-50px}@keyframes float{0%{transform:translate(0)rotate(0)}to{transform:translate(30px,50px)rotate(5deg)}}@keyframes pulseOrb{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.5)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-light);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1280px;padding:0 var(--space-md);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-xl)}}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{letter-spacing:-.01em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}p{color:var(--text-secondary);font-size:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.exploded-layout{flex-direction:column!important;gap:.5rem!important}.exploded-controls{border-radius:12px!important;flex:auto!important;gap:.5rem!important;width:100%!important;padding:.75rem!important}.exploded-controls>div{gap:.25rem!important;margin-bottom:0!important}.exploded-controls h2{font-size:1.1rem!important;line-height:1.1!important}.exploded-controls p{font-size:.75rem!important;line-height:1.2!important}.exploded-controls span{font-size:.55rem!important}.exploded-controls button{padding:.25rem .5rem!important;font-size:.65rem!important}.exploded-canvas-wrapper{flex:auto!important;width:100%!important;max-width:100%!important}.exploded-canvas-container{border-radius:12px!important;max-width:100%!important;max-height:40vh!important}}