.aboutHero{position:relative;overflow:hidden;min-height:calc(100vh - 4rem);display:flex;align-items:center}.aboutHeroBackground{position:absolute;inset:0;z-index:-1}.aboutHeroGradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(104,143,229,.08),rgba(149,228,229,.12) 50%,rgba(136,208,229,.08)),linear-gradient(-45deg,rgba(104,143,229,.02),rgba(149,228,229,.04) 25%,rgba(136,208,229,.02) 50%,rgba(104,143,229,.03) 75%,rgba(149,228,229,.02));background-size:100% 100%,200% 200%;animation:backgroundFlow 25s ease-in-out infinite;overflow:hidden}.aboutHeroBackground:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(104,143,229,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(149,228,229,.04) 0,transparent 50%),radial-gradient(circle at 60% 80%,rgba(136,208,229,.03) 0,transparent 50%);animation:techAmbientGlow 20s ease-in-out infinite;z-index:-1}.aboutHeroBackground:after{content:"";position:absolute;inset:0;opacity:.6;background-size:100px 100px;background-image:linear-gradient(rgba(104,143,229,.015) 1px,transparent 0),linear-gradient(90deg,rgba(104,143,229,.015) 1px,transparent 0);animation:techGrid 30s linear infinite;z-index:-1}.techBackground{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.techFloatingElement{position:absolute;opacity:.08;animation:techFloat 25s ease-in-out infinite}.techCode{font-size:12px;color:var(--cdCyan);white-space:nowrap}.techBinary,.techCode{font-family:Courier New,monospace}.techBinary{font-size:10px;color:rgba(104,143,229,.4);letter-spacing:2px}.techHex{font-family:Courier New,monospace;font-size:8px;color:rgba(136,208,229,.3);transform:rotate(-15deg)}.techSymbol{font-size:18px;color:rgba(149,228,229,.2)}.tech-elem-1{top:10%;left:5%;animation-delay:0s}.tech-elem-2{top:20%;right:15%;animation-delay:3s}.tech-elem-3{top:35%;left:10%;animation-delay:6s}.tech-elem-4{top:50%;right:8%;animation-delay:9s}.tech-elem-5{top:65%;left:12%;animation-delay:12s}.tech-elem-6{bottom:20%;right:20%;animation-delay:15s}.tech-elem-7{bottom:35%;left:8%;animation-delay:18s}.tech-elem-8{top:80%;right:25%;animation-delay:21s}.tech-elem-9{top:25%;left:85%;animation-delay:24s}.tech-elem-10{bottom:45%;right:5%;animation-delay:27s}.quantumStreams{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.quantumStream{position:absolute;width:1px;height:100px;background:linear-gradient(180deg,transparent,rgba(104,143,229,.1),transparent);animation:quantumFlow 15s linear infinite}.quantum-1{left:15%;animation-delay:0s}.quantum-2{left:35%;animation-delay:3s}.quantum-3{right:25%;animation-delay:6s}.quantum-4{right:45%;animation-delay:9s}.quantum-5{left:65%;animation-delay:12s}.neuralNetwork{pointer-events:none;z-index:1;opacity:.03}.neuralNode{width:4px;height:4px;background:var(--cdCyan);animation:neuralPulse 8s ease-in-out infinite}.neuralConnection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(149,228,229,.2),transparent);animation:neuralConnect 12s ease-in-out infinite}.neural-node-1{top:25%;left:20%;animation-delay:0s}.neural-node-2{top:40%;left:70%;animation-delay:2s}.neural-node-3{top:60%;left:30%;animation-delay:4s}.neural-node-4{top:75%;left:80%;animation-delay:6s}.neural-conn-1{top:25%;left:20%;width:200px;animation-delay:1s}.neural-conn-2{top:60%;left:30%;width:180px;animation-delay:3s}.aboutHeroContainer{max-width:1280px;margin:0 auto;padding:4rem 1.5rem;display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;align-items:center}@media (min-width:1024px){.aboutHeroContainer{grid-template-columns:1.2fr .8fr;gap:4rem}}.aboutHeroContent{display:flex;flex-direction:column;gap:1.5rem}.aboutHeroTitle{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--textPrimary)}.heroTitleAccent{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.aboutHeroTitle{font-size:3rem}}@media (min-width:1024px){.aboutHeroTitle{font-size:3.5rem}}.aboutHeroSubtext{font-size:1.25rem;line-height:1.6;color:var(--textSecondary);max-width:600px}.aboutHeroTagline{margin-top:1rem}.taglineText{font-size:1rem;font-weight:600;color:var(--textAccent);font-style:italic;position:relative;animation:taglineGlow 3s ease-in-out infinite}.aboutHeroVisual{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;perspective:1000px}@media (max-width:1023px){.aboutHeroVisual{min-height:450px}}.holographicScene{position:relative;max-width:480px;width:100%;height:auto}.heroImageContainer{position:relative;width:100%;display:flex;justify-content:center;align-items:center;overflow:visible;background:transparent}.heroImage{width:100%;height:auto;max-width:480px;object-fit:contain;filter:hue-rotate(5deg) saturate(1.2) brightness(1.05) contrast(1.1)}.magicalOverlays{position:absolute;inset:0;pointer-events:none;z-index:10}.touchPoint{width:40px;height:40px;z-index:20}.touchImpact,.touchPoint{position:absolute;top:45%;left:54%;transform:translate(-50%,-50%)}.touchImpact{width:8px;height:8px;background:radial-gradient(circle,rgba(255,107,107,.8) 0,rgba(78,205,196,.6) 30%,rgba(69,90,120,.4) 60%,transparent 100%);border-radius:50%;animation:touchPulse 2s ease-out infinite;z-index:25}.touchImpact:before{content:"";top:50%;left:50%;width:4px;height:4px;background:rgba(255,255,255,.9);border-radius:50%;animation:coreFlash 1.5s ease-in-out infinite}.colorfulRipples,.touchImpact:before{position:absolute;transform:translate(-50%,-50%)}.colorfulRipples{top:45%;left:54%;z-index:22}.colorRipple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:colorRippleExpand 3s ease-out infinite}.colorRipple1{border:2px solid rgba(255,107,107,.6);animation-delay:0s}.colorRipple2{border:2px solid rgba(78,205,196,.5);animation-delay:.5s}.colorRipple3{border:2px solid rgba(129,236,236,.4);animation-delay:1s}.colorRipple4{border:2px solid rgba(255,159,67,.3);animation-delay:1.5s}.ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(78,205,196,.6);border-radius:50%;animation:megaRipple 4s ease-out infinite;box-shadow:0 0 10px rgba(78,205,196,.3)}.ripple1{animation-delay:0s}.ripple2{animation-delay:.75s}.ripple3{animation-delay:1.5s}.ripple4{animation-delay:2.25s}.concentricCircles{top:36%;right:24%;width:140px;height:140px;z-index:15}.concentricCircles,.holographicScreenElements{position:absolute;transform:translate(50%,-50%)}.holographicScreenElements{top:20%;right:25%;width:160px;height:200px;z-index:18;pointer-events:none}.screenPixel{position:absolute;width:3px;height:3px;border-radius:50%;animation:pixelGlow 4s ease-in-out infinite}.screenPixel1{top:30%;left:20%;background:rgba(255,107,107,.7);animation-delay:0s}.screenPixel2{top:40%;right:25%;background:rgba(78,205,196,.6);animation-delay:.8s}.screenPixel3{top:55%;left:30%;background:rgba(129,236,236,.5);animation-delay:1.6s}.screenPixel4{bottom:35%;right:20%;background:rgba(255,159,67,.6);animation-delay:2.4s}.screenPixel5{bottom:25%;left:25%;background:rgba(162,155,254,.5);animation-delay:3.2s}.holoDataBars{position:absolute;top:25%;right:30%;width:120px;height:150px;transform:translate(50%,-50%);z-index:17}.dataBar{position:absolute;width:2px;background:linear-gradient(180deg,transparent,var(--color),transparent);border-radius:1px;animation:dataBarPulse 3s ease-in-out infinite}.dataBar1{right:15%;top:20%;height:25px;--color:rgba(255,107,107,0.6);animation-delay:0s}.dataBar2{right:20%;top:30%;height:20px;--color:rgba(78,205,196,0.5);animation-delay:.5s}.dataBar3{right:25%;top:35%;height:18px;--color:rgba(129,236,236,0.4);animation-delay:1s}.dataBar4{right:30%;bottom:40%;height:15px;--color:rgba(255,159,67,0.5);animation-delay:1.5s}.holoIcons{position:absolute;top:18%;right:22%;width:180px;height:220px;transform:translate(50%,-50%);z-index:16}.holoIcon{position:absolute;font-size:12px;animation:holoIconFloat 6s ease-in-out infinite}.holoIcon1{top:15%;right:20%;color:rgba(255,107,107,.6);animation-delay:0s}.holoIcon2{top:35%;left:15%;color:rgba(78,205,196,.5);animation-delay:1s}.holoIcon3{bottom:30%;right:25%;color:rgba(129,236,236,.4);animation-delay:2s}.holoIcon4{bottom:15%;left:20%;color:rgba(255,159,67,.5);animation-delay:3s}.concentricRing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(104,143,229,.4);border-radius:50%;animation:concentricPulse 4s ease-in-out infinite}.ring1{width:140px;height:140px;border-color:rgba(104,143,229,.6)}.ring2{width:110px;height:110px;animation-delay:1s;border-color:rgba(149,228,229,.5)}.ring3{width:80px;height:80px;animation-delay:2s;border-color:rgba(136,208,229,.4)}.ring4{width:50px;height:50px;animation-delay:3s;border-color:rgba(104,143,229,.7)}.concentricCore{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,var(--cdCyan) 0,transparent 70%);border-radius:50%;animation:coreEnergy 3s ease-in-out infinite;box-shadow:0 0 4px rgba(149,228,229,.2)}.interfaceElements{position:absolute;inset:0;pointer-events:none;z-index:10}.interfaceElement{position:absolute;animation:interfacePulse 3s ease-in-out infinite}.topCircle{top:18%;right:42%;width:20px;height:20px;border:2px solid rgba(104,143,229,.6);border-radius:50%;animation-delay:0s}.topLine1,.topLine2,.topLine3{height:2px;background:linear-gradient(90deg,rgba(104,143,229,.8),rgba(149,228,229,.4));border-radius:1px;right:20%}.topLine1{top:16%;width:35px;animation-delay:.5s}.topLine2{top:20%;width:30px;animation-delay:1s}.topLine3{top:24%;width:25px;animation-delay:1.5s}.rightCircle{top:40%;right:15%;width:15px;height:15px;border:1px solid rgba(136,208,229,.7);border-radius:50%;animation-delay:2s}.rightDot{top:35%;right:18%;width:6px;height:6px;background:rgba(149,228,229,.5);border-radius:50%;box-shadow:0 0 4px rgba(149,228,229,.2);animation-delay:2.5s}.bottomCircle{bottom:35%;right:45%;width:12px;height:12px;border:1px solid rgba(104,143,229,.5);border-radius:50%;animation-delay:3s}.bottomLine1,.bottomLine2{bottom:32%;height:1px;background:rgba(136,208,229,.6);border-radius:.5px}.bottomLine1{right:25%;width:40px;animation-delay:3.5s}.bottomLine2{right:20%;width:25px;bottom:28%;animation-delay:4s}.hologramBase{position:absolute;bottom:18%;right:28%;width:120px;height:80px;transform:translateX(50%);z-index:5}.baseProjection{position:absolute;bottom:0;width:2px;background:linear-gradient(180deg,rgba(104,143,229,.8),transparent);animation:projectionFlow 2s linear infinite}.projection1{left:20%;height:60px;animation-delay:0s}.projection2{left:40%;height:70px;animation-delay:.5s}.projection3{right:40%;height:65px;animation-delay:1s}.projection4{right:20%;height:55px;animation-delay:1.5s}.basePlatform{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:12px;background:radial-gradient(ellipse,rgba(149,228,229,.6) 0,transparent 70%);border-radius:50%;animation:platformPulse 3s ease-in-out infinite}.dataParticles{position:absolute;inset:0;pointer-events:none;z-index:12}.dataParticle{position:absolute;width:1.5px;height:1.5px;background:var(--cdCyan);border-radius:50%;box-shadow:0 0 2px rgba(149,228,229,.15);animation:dataFloat 20s ease-in-out infinite}.particle1{top:10%;left:15%;animation-delay:0s}.particle2{top:20%;right:10%;animation-delay:1.2s}.particle3{top:35%;left:8%;animation-delay:2.4s}.particle4{top:50%;right:12%;animation-delay:3.6s}.particle5{top:65%;left:12%;animation-delay:4.8s}.particle6{bottom:20%;right:8%;animation-delay:6s}.particle7{bottom:35%;left:18%;animation-delay:7.2s}.particle8{top:80%;right:15%;animation-delay:8.4s}.particle9{top:25%;left:25%;animation-delay:9.6s}.particle10{bottom:45%;right:25%;animation-delay:10.8s}.energyStreams{position:absolute;inset:0;pointer-events:none;z-index:8}.energyStream{position:absolute;width:2px;background:linear-gradient(45deg,rgba(104,143,229,.8),rgba(149,228,229,.4));border-radius:1px;animation:energyFlow 4s linear infinite}.stream1{top:30%;left:35%;height:40px;transform:rotate(15deg);animation-delay:0s}.stream2{top:45%;right:25%;height:35px;transform:rotate(-20deg);animation-delay:1s}.stream3{bottom:40%;left:28%;height:30px;transform:rotate(45deg);animation-delay:2s}.stream4{top:60%;right:35%;height:25px;transform:rotate(-10deg);animation-delay:3s}.childGlow{position:absolute;inset:0;pointer-events:none;z-index:18}.childAura{top:35%;left:20%;width:120px;height:200px;background:radial-gradient(ellipse,rgba(104,143,229,.1) 0,transparent 60%);animation:auraGlow 4s ease-in-out infinite}.childAura,.handGlow{position:absolute;transform:translate(-50%,-50%)}.handGlow{top:45%;left:42%;width:20px;height:20px;background:radial-gradient(circle,rgba(149,228,229,.6) 0,transparent 70%);border-radius:50%;animation:handEnergy 2s ease-in-out infinite}.ambientTech{position:absolute;inset:0;pointer-events:none;z-index:6}.techElement{position:absolute;font-size:10px;color:rgba(136,208,229,.15);animation:techOrbit 25s linear infinite;text-shadow:0 0 2px rgba(136,208,229,.1)}.tech1{top:15%;left:10%;animation-delay:0s}.tech2{top:25%;right:8%;animation-delay:2.5s}.tech3{bottom:30%;left:5%;animation-delay:5s}.tech4{top:70%;right:5%;animation-delay:7.5s}.tech5{bottom:15%;left:15%;animation-delay:10s}.tech6{top:55%;left:5%;animation-delay:12.5s}.connectionBridge{position:absolute;inset:0;pointer-events:none;z-index:16}.bridgeLine{position:absolute;height:2px;background:linear-gradient(90deg,rgba(104,143,229,.6),rgba(149,228,229,.8),rgba(136,208,229,.6));border-radius:1px;animation:bridgeConnect 3s ease-in-out infinite}.line1{top:42%;left:35%;width:25%}.line2{top:46%;left:38%;width:20%;animation-delay:1s}.line3{top:50%;left:36%;width:22%;animation-delay:2s}.bridgeParticle{position:absolute;width:3px;height:3px;background:var(--cdCyan);border-radius:50%;box-shadow:0 0 4px rgba(149,228,229,.3);animation:bridgeFlow 4s linear infinite}.bridge1{top:42%;left:35%;animation-delay:0s}.bridge2{top:46%;left:38%;animation-delay:1s}.bridge3{top:50%;left:36%;animation-delay:2s}@keyframes taglineGlow{0%,to{opacity:.8;text-shadow:0 0 10px rgba(75,140,240,.3)}50%{opacity:1;text-shadow:0 0 20px rgba(75,140,240,.6)}}@keyframes imageGlow{0%,to{filter:hue-rotate(5deg) saturate(1.2) brightness(1.05) contrast(1.1)}50%{filter:hue-rotate(10deg) saturate(1.3) brightness(1.08) contrast(1.15)}}@keyframes techAmbientGlow{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}33%{opacity:.6;transform:scale(1.02) rotate(1deg)}66%{opacity:.4;transform:scale(.98) rotate(-.5deg)}}@keyframes backgroundFlow{0%,to{background-position:0 0,0 50%}25%{background-position:0 0,25% 75%}50%{background-position:0 0,50% 100%}75%{background-position:0 0,75% 25%}}@keyframes techGrid{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes techFloat{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.05}25%{transform:translateY(-20px) translateX(10px) rotate(5deg);opacity:.1}50%{transform:translateY(-30px) translateX(-5px) rotate(-3deg);opacity:.08}75%{transform:translateY(-15px) translateX(15px) rotate(8deg);opacity:.06}}@keyframes quantumFlow{0%{transform:translateY(-100px);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(100vh);opacity:0}}@keyframes neuralPulse{0%,to{opacity:.02;transform:scale(1)}50%{opacity:.08;transform:scale(1.5)}}@keyframes neuralConnect{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:.1;transform:scaleX(1)}}@keyframes touchPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:.8;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes coreFlash{0%,90%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.8);box-shadow:0 0 15px rgba(255,255,255,.8)}}@keyframes colorRippleExpand{0%{width:0;height:0;opacity:.8}30%{opacity:.6}70%{opacity:.3}to{width:80px;height:80px;opacity:0}}@keyframes pixelGlow{0%,to{opacity:.3;transform:scale(1);filter:brightness(1)}25%{opacity:.8;transform:scale(1.5);filter:brightness(1.5)}50%{opacity:1;transform:scale(2);filter:brightness(2);box-shadow:0 0 15px currentColor}75%{opacity:.6;transform:scale(1.2);filter:brightness(1.2)}}@keyframes dataBarPulse{0%,to{opacity:.3;transform:scaleY(.5)}33%{opacity:.8;transform:scaleY(1)}66%{opacity:.6;transform:scaleY(1.2)}}@keyframes holoIconFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:.4}25%{transform:translateY(-10px) rotate(5deg);opacity:.8}50%{transform:translateY(-15px) rotate(0deg);opacity:1;filter:brightness(1.5);text-shadow:0 0 10px currentColor}75%{transform:translateY(-8px) rotate(-3deg);opacity:.6}}@keyframes megaRipple{0%{width:0;height:0;opacity:.3;border-width:1px}30%{opacity:.25;border-width:1px}70%{opacity:.15;border-width:1px}to{width:30px;height:30px;opacity:0;border-width:0}}@keyframes concentricPulse{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.005)}}@keyframes coreEnergy{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 4px rgba(149,228,229,.2)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 6px rgba(149,228,229,.3)}}@keyframes interfacePulse{0%,to{opacity:.15;transform:scale(1);filter:brightness(1)}50%{opacity:.3;transform:scale(1.005);filter:brightness(1.05)}}@keyframes projectionFlow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}30%{opacity:1;transform:scaleY(.5)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.2)}}@keyframes platformPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}@keyframes dataFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1);opacity:.15}25%{transform:translateY(-5px) rotate(90deg) scale(1.02);opacity:.25}50%{transform:translateY(-8px) rotate(180deg) scale(1.05);opacity:.35}75%{transform:translateY(-6px) rotate(270deg) scale(1.01);opacity:.2}}@keyframes energyFlow{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}25%{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}75%{opacity:.8;transform:scaleY(1.2)}to{opacity:0;transform:scaleY(1.5)}}@keyframes auraGlow{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.02)}}@keyframes handEnergy{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 3px rgba(149,228,229,.15)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 6px rgba(149,228,229,.25)}}@keyframes techOrbit{0%{transform:rotate(0deg) translateY(-20px) rotate(0deg);opacity:.3}25%{opacity:.6}50%{transform:rotate(180deg) translateY(-25px) rotate(-180deg);opacity:.8}75%{opacity:.4}to{transform:rotate(1turn) translateY(-20px) rotate(-1turn);opacity:.3}}@keyframes bridgeConnect{0%,to{opacity:.3;transform:scaleX(0);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}@keyframes bridgeFlow{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(150px);opacity:0}}@media (max-width:1023px){.heroImage,.holographicScene{max-width:350px}.touchPoint{top:50%;right:32%;width:25px;height:25px}.holoInterface{top:18%;right:8%;width:50%;height:65%}.circle1{width:28px;height:28px}.circle2{width:16px;height:16px}.line1{width:30px}.line2{width:22px}.techIcon{width:14px;height:14px}.handGlow{width:12px;height:12px}.screenGlow{width:80px;height:100px}}@media (max-width:640px){.aboutHeroVisual{min-height:350px}.heroImage,.holographicScene{max-width:280px}.touchPoint{top:48%;right:30%;width:20px;height:20px}.holoInterface{top:15%;right:5%;width:55%;height:70%}.circle1{width:24px;height:24px}.circle2{width:14px;height:14px}.line1{width:25px}.line2{width:18px}.particle{width:1.5px;height:1.5px}.techIcon{width:12px;height:12px}.handGlow{width:10px;height:10px}.screenGlow{width:60px;height:80px}}.heroGraphicsContainer{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center}.childSilhouette{position:absolute;left:10%;bottom:10%;width:180px;height:300px;z-index:2}.childBody{bottom:0;width:60px;height:150px;background:linear-gradient(135deg,var(--glassWhite10) 0,var(--glassWhite5) 50%,transparent 100%);border-radius:30px 30px 10px 10px;border:1px solid var(--glassWhite10)}.childBody,.childHead{position:absolute;left:50%;transform:translateX(-50%)}.childHead{top:50px;width:45px;height:55px;background:linear-gradient(135deg,var(--glassWhite15) 0,var(--glassWhite10) 100%);border-radius:50% 50% 45% 45%;border:1px solid var(--glassWhite10);box-shadow:0 0 20px rgba(104,143,229,.1)}.childArmReaching{position:absolute;top:120px;right:-20px;width:120px;height:80px;transform-origin:left center;animation:armReach 4s ease-in-out infinite}.arm{width:80px;height:25px;background:linear-gradient(90deg,var(--glassWhite10) 0,var(--glassWhite5) 100%);border-radius:12px;border:1px solid var(--glassWhite10);transform:rotate(-30deg);transform-origin:left center}.arm,.hand{position:absolute}.hand{right:-30px;top:-10px;width:35px;height:40px;transform:rotate(-20deg)}.finger{position:absolute;background:linear-gradient(90deg,var(--glassWhite15) 0,var(--glassWhite10) 100%);border-radius:4px;border:1px solid var(--glassWhite10)}.finger1{top:0;left:5px;width:4px;height:20px;transform:rotate(-5deg)}.finger2{top:2px;left:11px;width:4px;height:22px;transform:rotate(0deg)}.finger3{top:3px;left:17px;width:4px;height:21px;transform:rotate(5deg)}.finger4{top:5px;left:23px;width:4px;height:18px;transform:rotate(10deg)}.thumb{bottom:5px;left:8px;width:4px;height:15px;transform:rotate(-40deg)}.holographicDisplay{position:absolute;right:15%;top:50%;transform:translateY(-50%);width:320px;height:400px;perspective:1000px;z-index:3}.holoScreen{position:relative;width:100%;height:100%;background:linear-gradient(135deg,rgba(104,143,229,.05),rgba(149,228,229,.08) 50%,rgba(136,208,229,.05));border:1px solid rgba(104,143,229,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotateY(-15deg) rotateX(5deg);transform-style:preserve-3d;animation:holoFloat 6s ease-in-out infinite;box-shadow:0 0 40px rgba(104,143,229,.2),inset 0 0 20px rgba(149,228,229,.1)}.screenGrid{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;padding:10px}.gridCell{position:relative;background:linear-gradient(135deg,var(--glassWhite5) 0,transparent 100%);border:1px solid var(--glassWhite10);border-radius:8px;overflow:hidden;animation:cellPulse 3s ease-in-out infinite}.gridCell.cell0{animation-delay:0s}.gridCell.cell1{animation-delay:.1s}.gridCell.cell2{animation-delay:.2s}.gridCell.cell3{animation-delay:.3s}.gridCell.cell4{animation-delay:.4s}.gridCell.cell5{animation-delay:.5s}.gridCell.cell6{animation-delay:.6s}.gridCell.cell7{animation-delay:.7s}.gridCell.cell8{animation-delay:.8s}.gridCell.cell9{animation-delay:.9s}.gridCell.cell10{animation-delay:1s}.gridCell.cell11{animation-delay:1.1s}.cellContent{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(149,228,229,.2) 50%,transparent 70%);transform:translateX(-100%);animation:cellScan 4s ease-in-out infinite}.dataVisualization{position:absolute;bottom:30px;left:30px;right:30px;height:120px;justify-content:space-between;gap:15px}.dataChart,.dataVisualization{display:flex;align-items:flex-end}.dataChart{flex:1 1;justify-content:space-around;height:100%;gap:4px}.chartBar{width:8px;background:linear-gradient(to top,var(--cdBlue) 0,var(--cdCyan) 100%);border-radius:4px 4px 0 0;animation:barGrow 2s ease-in-out infinite;box-shadow:0 0 10px rgba(104,143,229,.3)}.dataOrb{position:relative;width:80px;height:80px}.orbCore{inset:30%;background:radial-gradient(circle,var(--cdCyan) 0,transparent 70%);animation:orbPulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(149,228,229,.4)}.orbRing{inset:0;border:1px solid;animation:orbRotate 4s linear infinite}.orbRing.ring1{border-color:rgba(104,143,229,.4);animation-duration:3s}.orbRing.ring2{inset:10%;border-color:rgba(149,228,229,.3);animation-duration:4s;animation-direction:reverse}.orbRing.ring3{inset:20%;border-color:rgba(136,208,229,.4);animation-duration:5s}.dataFlow{position:absolute;top:40px;right:30px;width:100px;height:60px}.flowLine{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0,var(--cdAccent) 50%,transparent 100%);animation:flowMove 3s ease-in-out infinite}.flowLine.line0{top:0;width:80px;animation-delay:0s}.flowLine.line1{top:15px;width:90px;animation-delay:.3s}.flowLine.line2{top:30px;width:70px;animation-delay:.6s}.flowLine.line3{top:45px;width:85px;animation-delay:.9s}.flowLine.line4{top:60px;width:75px;animation-delay:1.2s}.interfaceWidgets{position:absolute;top:30px;left:30px;right:30px;height:80px;justify-content:space-around}.interfaceWidgets,.widget{display:flex;align-items:center}.widget{flex-direction:column;gap:8px}.widgetIcon{font-size:24px;color:var(--cdBlue);animation:iconRotate 4s ease-in-out infinite}.widgetBar{width:40px;height:4px;background:linear-gradient(90deg,var(--cdBlue) 0,var(--cdCyan) 100%);border-radius:2px;animation:widgetPulse 2s ease-in-out infinite}.widget.widget1 .widgetIcon{animation-delay:0s}.widget.widget2 .widgetIcon{animation-delay:.5s}.widget.widget3 .widgetIcon{animation-delay:1s}.holoFrame{position:absolute;inset:-10px;pointer-events:none}.frameCorner{position:absolute;width:20px;height:20px;border:2px solid var(--cdBlue);opacity:.4}.frameCorner.topLeft{top:0;left:0;border-right:none;border-bottom:none;border-radius:8px 0 0 0}.frameCorner.topRight{top:0;right:0;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.frameCorner.bottomLeft{bottom:0;left:0;border-right:none;border-top:none;border-radius:0 0 0 8px}.frameCorner.bottomRight{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 8px 0}.frameEdge{position:absolute;background:linear-gradient(90deg,transparent,rgba(104,143,229,.2) 50%,transparent)}.frameEdge.bottom,.frameEdge.top{left:30px;right:30px;height:1px}.frameEdge.top{top:0}.frameEdge.bottom{bottom:0}.frameEdge.left,.frameEdge.right{top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,transparent,rgba(104,143,229,.2) 50%,transparent)}.frameEdge.left{left:0}.frameEdge.right{right:0}@keyframes armReach{0%,to{transform:rotate(0deg) translateX(0)}50%{transform:rotate(-10deg) translateX(10px)}}@keyframes holoFloat{0%,to{transform:rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-15deg) rotateX(5deg) translateY(-10px)}}@keyframes cellPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes cellScan{0%,to{transform:translateX(-100%)}50%{transform:translateX(200%)}}@keyframes barGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@keyframes orbRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes flowMove{0%,to{transform:translateX(-50%);opacity:0}50%{transform:translateX(50%);opacity:1}}@keyframes iconRotate{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes widgetPulse{0%,to{transform:scaleX(1);opacity:.7}50%{transform:scaleX(1.2);opacity:1}}@media (max-width:1023px){.heroGraphicsContainer{height:400px}.childSilhouette{width:150px;height:250px}.holographicDisplay{width:280px;height:350px}.dataVisualization{height:100px}}@media (max-width:640px){.heroGraphicsContainer{height:350px}.childSilhouette{width:120px;height:200px;left:5%}.holographicDisplay{width:220px;height:280px;right:5%}.screenGrid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.dataVisualization{height:80px;bottom:20px;left:20px;right:20px}.dataOrb{width:60px;height:60px}}.aboutBelief{padding:6rem 0;background:var(--bgPrimary);position:relative}.aboutBeliefContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutBeliefTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:3rem;letter-spacing:var(--trackingTight)}.aboutBeliefContent{max-width:800px;margin:0 auto}.aboutBeliefText{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:2rem;text-align:left}.aboutBeliefQuote{background:linear-gradient(135deg,rgba(104,143,229,.05),rgba(149,228,229,.05));border-left:4px solid var(--cdBlue);border-radius:.5rem;padding:2.5rem 2rem;margin:3rem 0;font-size:var(--textXl);font-weight:600;font-style:italic;color:var(--textAccent);text-align:center;position:relative;box-shadow:var(--shadowSm)}.aboutBeliefQuote:before{top:-10px;left:20px}.aboutBeliefQuote:after,.aboutBeliefQuote:before{content:'"';position:absolute;font-size:4rem;font-weight:700;color:var(--cdCyan);opacity:.3}.aboutBeliefQuote:after{bottom:-30px;right:20px}.aboutWhatWeCreate{padding:6rem 0;background:var(--bgSecondary)}.aboutWhatWeCreateContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutWhatWeCreateTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:1.5rem;letter-spacing:var(--trackingTight)}.aboutWhatWeCreateSubtitle{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.creationsGrid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin:4rem 0}@media (min-width:768px){.creationsGrid{grid-template-columns:repeat(3,1fr);gap:3rem}}.creationCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.creationCard:hover{transform:translateY(-8px);box-shadow:var(--shadowLg)}.creationCard:first-child:hover,.creationCard:hover{border-color:var(--cdBlue)}.creationCard:nth-child(2):hover{border-color:var(--cdCyan)}.creationCard:nth-child(3):hover{border-color:var(--cdAccent)}.creationIcon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;transition:all .3s ease}.creationCard:first-child .creationIcon{background:linear-gradient(135deg,rgba(104,143,229,.1),rgba(104,143,229,.2));color:var(--cdBlue)}.creationCard:nth-child(2) .creationIcon{background:linear-gradient(135deg,rgba(149,228,229,.1),rgba(149,228,229,.2));color:var(--cdCyan)}.creationCard:nth-child(3) .creationIcon{background:linear-gradient(135deg,rgba(136,208,229,.1),rgba(136,208,229,.2));color:var(--cdAccent)}.creationIcon svg{width:28px;height:28px}.creationTitle{font-size:var(--textXl);font-weight:700;color:var(--textPrimary);margin-bottom:1rem}.creationDescription{font-size:var(--textBase);line-height:var(--leadingRelaxed);color:var(--textSecondary)}.aboutWhatWeCreateClosing{margin-top:4rem}.aboutWhatWeCreateClosing p{font-size:var(--textLg);font-weight:600;color:var(--textAccent);font-style:italic;max-width:600px;margin:0 auto}.creationCard:hover .creationIcon{transform:scale(1.1)}.creationCard:first-child:hover .creationIcon{box-shadow:0 0 30px rgba(104,143,229,.3)}.creationCard:nth-child(2):hover .creationIcon{box-shadow:0 0 30px rgba(149,228,229,.3)}.creationCard:nth-child(3):hover .creationIcon{box-shadow:0 0 30px rgba(136,208,229,.3)}.aboutHumanTechExperience{padding:6rem 0;background:var(--bgPrimary)}.aboutHumanTechExperienceContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutHumanTechExperienceTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:3rem;letter-spacing:var(--trackingTight)}.humanTechContent{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;align-items:center}@media (min-width:1024px){.humanTechContent{grid-template-columns:1fr 1fr;gap:6rem}}.humanTechText{text-align:left}.humanTechDescription{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:2rem}.humanTechDescription:first-child{font-size:var(--textXl);font-weight:600;color:var(--textAccent)}.comparisonContainer{display:flex;align-items:center;gap:2rem;justify-content:center}.comparisonSide{flex:1 1;max-width:200px}.comparisonHeader{font-size:var(--textSm);font-weight:600;text-transform:uppercase;letter-spacing:var(--trackingWide);margin-bottom:1rem;color:var(--textTertiary)}.mockInterface{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease;min-height:150px;justify-content:center}.mockInterface.frustrated{border-color:var(--cdRed);animation:frustratedShake 2s ease-in-out infinite}.mockInterface.delightful{border-color:var(--cdGreen);box-shadow:0 0 20px rgba(16,185,129,.1)}.mockButton{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mockButton.loading{background:var(--cdRed);animation:pulse 1.5s ease-in-out infinite}.mockButton.success{background:var(--cdGreen);color:white;animation:successPulse 2s ease-in-out infinite}.mockButton.success svg{width:20px;height:20px}.loadingSpinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.mockText{font-size:var(--textSm);text-align:center;padding:.5rem;border-radius:.25rem}.mockText.cluttered{color:var(--cdRed);background:rgba(239,68,68,.1);font-weight:600}.mockText.clean{color:var(--cdGreen);background:rgba(16,185,129,.1);font-weight:500}.mockIcon{display:flex;justify-content:center;animation:iconFloat 3s ease-in-out infinite}.mockIcon .iconSvg{width:1.5rem;height:1.5rem}.mockIcon.frustrated .iconSvg{color:var(--cdRed)}.mockIcon.delightful .iconSvg{color:var(--cdGreen)}.comparisonArrow{flex-shrink:0;width:40px;height:40px;color:var(--textAccent);animation:arrowPulse 2s ease-in-out infinite}.comparisonArrow svg{width:100%;height:100%}@keyframes frustratedShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(16,185,129,0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}@keyframes arrowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:1023px){.comparisonContainer{flex-direction:column;gap:3rem}.comparisonArrow{transform:rotate(90deg)}}.aboutCulture{padding:6rem 0;background:var(--bgSecondary)}.aboutCultureContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutCultureTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:3rem;letter-spacing:var(--trackingTight)}.cultureContent{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;margin-bottom:5rem}@media (min-width:1024px){.cultureContent{grid-template-columns:1fr 1fr;gap:6rem}}.cultureText{text-align:left}.cultureDescription{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:2rem}.developersAtWork{display:flex;align-items:center;justify-content:center;min-height:400px}.workspaceScene{position:relative;width:100%;max-width:500px;height:350px;background:linear-gradient(135deg,rgba(104,143,229,.05),rgba(149,228,229,.08));border-radius:1rem;overflow:hidden;border:1px solid var(--cardBorder)}.developer{position:absolute;display:flex;align-items:center;gap:1rem}.dev1{top:20%;left:10%;animation:devFocus 4s ease-in-out infinite}.dev2{bottom:20%;right:10%;animation:devFocus 4s ease-in-out 2s infinite}.devAvatar{position:relative;width:50px;height:50px}.avatarCircle{width:100%;height:100%;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:50%;position:relative}.focusIndicator{position:absolute;inset:-2px;border:2px solid var(--cdCyan);border-radius:50%;opacity:0;animation:focusPulse 2s ease-in-out infinite}.devWorkspace{display:flex;flex-direction:column;gap:.5rem}.screen{width:120px;height:80px;background:var(--bgPrimary);border:2px solid var(--cardBorder);border-radius:.5rem;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.codeLines{width:100%;height:100%;display:flex;flex-direction:column;gap:.25rem}.codeLine{height:3px;background:var(--textTertiary);border-radius:2px;opacity:.5}.codeLine.active{background:var(--cdCyan);opacity:1;box-shadow:0 0 8px rgba(78,205,196,.4)}.codeLine.typing{background:var(--textAccent);opacity:1;animation:typing 1.5s ease-in-out infinite}.designCanvas{width:100%;height:100%;position:relative}.designElement{position:absolute;border-radius:.25rem;animation:designFloat 3s ease-in-out infinite}.elem1{width:30px;height:15px;background:var(--cdCyan);top:20%;left:10%;animation-delay:0s}.elem2{width:20px;height:20px;background:var(--cdBlue);top:60%;right:20%;border-radius:50%;animation-delay:1s}.elem3{width:40px;height:8px;background:var(--textAccent);bottom:20%;left:20%;animation-delay:2s}.keyboard,.tablet{width:80px;height:20px;background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.25rem}.collaborationFlow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:2px}.flowLine{width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--cdCyan),transparent);animation:dataFlow 3s ease-in-out infinite}.dataPoint{position:absolute;width:6px;height:6px;background:var(--cdCyan);border-radius:50%;top:-2px;animation:pointMove 3s ease-in-out infinite}.point1{left:20%;animation-delay:0s}.point2{left:50%;animation-delay:1s}.point3{left:80%;animation-delay:2s}.ambientElements{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--cdCyan);border-radius:50%;opacity:.6;animation:particleFloat 8s ease-in-out infinite}.p1{top:10%;left:20%;animation-delay:0s}.p2{top:30%;right:15%;animation-delay:2s}.p3{bottom:25%;left:30%;animation-delay:4s}.p4{bottom:10%;right:40%;animation-delay:6s}@keyframes devFocus{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes focusPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes typing{0%,to{width:60%}50%{width:90%}}@keyframes designFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-5px) scale(1.1);opacity:1}}@keyframes dataFlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes pointMove{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}25%{transform:translateY(-20px) scale(1.2);opacity:.8}50%{transform:translateY(-30px) scale(1);opacity:.6}75%{transform:translateY(-15px) scale(.8);opacity:.4}}.photo1{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark))}.photo2{background:linear-gradient(135deg,var(--cdCyan),var(--cdCyanDark))}.photo3{background:linear-gradient(135deg,var(--cdAccent),var(--cdAccentDark))}.photo4{background:linear-gradient(135deg,var(--cdGreen),#059669)}@media (max-width:1023px){.cultureContent,.cultureText{text-align:center}}.aboutImpact{padding:6rem 0;background:var(--bgPrimary)}.aboutImpactContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutImpactTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:1.5rem;letter-spacing:var(--trackingTight)}.aboutImpactDescription{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.clientShowcase{margin:4rem 0}.clientLogos{justify-content:center;gap:3rem;flex-wrap:wrap}.clientLogo,.clientLogos{display:flex;align-items:center}.clientLogo{flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:.75rem;transition:all .3s ease;min-width:120px}.clientLogo:hover{transform:translateY(-4px);background:var(--cardBg);box-shadow:var(--shadowMd)}.clientLogo:first-child .logoIcon{background:linear-gradient(135deg,var(--cdBlue),var(--cdBlueDark))}.clientLogo:nth-child(2) .logoIcon{background:linear-gradient(135deg,var(--cdCyan),var(--cdCyanDark))}.clientLogo:nth-child(3) .logoIcon{background:linear-gradient(135deg,var(--cdAccent),var(--cdAccentDark))}.clientLogo:nth-child(4) .logoIcon{background:linear-gradient(135deg,var(--cdGreen),#059669)}.logoName{font-size:var(--textSm);font-weight:600;color:var(--textPrimary)}.caseStudies{margin-top:6rem}.caseStudiesTitle{font-size:var(--text2xl);font-weight:700;color:var(--textPrimary);margin-bottom:3rem}.caseStudiesGrid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem}.caseStudyCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;text-align:left}.caseStudyCard:hover{transform:translateY(-4px);box-shadow:var(--shadowLg)}.caseStudySection{flex:1 1}.caseStudySection.result{border-left:3px solid var(--cdGreen);padding-left:1rem}.caseStudyLabel{font-size:var(--textXs);font-weight:600;text-transform:uppercase;letter-spacing:var(--trackingWide);color:var(--textTertiary);margin-bottom:.5rem}.caseStudyText{font-size:var(--textBase);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin:0}.caseStudySection.result .caseStudyText{color:var(--textPrimary);font-weight:600}.caseStudyArrow{width:32px;height:32px;color:var(--cdBlue);flex-shrink:0;animation:arrowSlide 2s ease-in-out infinite}.caseStudyArrow svg{width:100%;height:100%}@keyframes arrowSlide{0%,to{transform:translateX(0);opacity:.6}50%{transform:translateX(4px);opacity:1}}@media (max-width:1023px){.caseStudyCard{flex-direction:column;text-align:center}.caseStudyArrow{transform:rotate(90deg)}.caseStudySection.result{border-left:none;border-top:3px solid var(--cdGreen);padding-left:0;padding-top:1rem}}.aboutFuture{padding:6rem 0;background:var(--bgSecondary)}.aboutFutureContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;text-align:center}.aboutFutureTitle{font-size:var(--text4xl);font-weight:700;color:var(--textPrimary);margin-bottom:3rem;letter-spacing:var(--trackingTight)}.futureContent{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem;align-items:center}@media (min-width:1024px){.futureContent{grid-template-columns:1fr 1fr;gap:6rem}}.futureText{text-align:left}@media (max-width:1023px){.futureText{text-align:center}}.futureDescription{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:2rem}.futureDescription:first-child{font-size:var(--textXl);font-weight:600;color:var(--textAccent)}.futureVisual{display:flex;align-items:center;justify-content:center;min-height:300px}.horizonContainer{position:relative;width:400px;height:200px}.horizonLine{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--cdBlue) 20%,var(--cdCyan) 50%,var(--cdAccent) 80%,transparent 100%);transform:translateY(-50%);border-radius:1px}.horizonGlow{position:absolute;top:50%;left:50%;width:100px;height:30px;background:radial-gradient(ellipse,rgba(104,143,229,.3) 0,rgba(149,228,229,.2) 50%,transparent 100%);transform:translate(-50%,-50%);animation:horizonPulse 4s ease-in-out infinite}.branchingLines{position:absolute;top:50%;right:0;transform:translateY(-50%)}.branchLine{position:absolute;background:var(--cdAccent);opacity:.6;border-radius:1px;animation:branchGrow 3s ease-in-out infinite}.line1{width:60px;top:-20px;animation-delay:0s}.line1,.line2{height:1px;right:0;transform-origin:left center}.line2{width:80px;top:-10px;animation-delay:.5s}.line3{width:100px;top:0;animation-delay:1s}.line3,.line4{height:1px;right:0;transform-origin:left center}.line4{width:80px;top:10px;animation-delay:1.5s}.line5{width:60px;height:1px;right:0;top:20px;transform-origin:left center;animation-delay:2s}.futureNodes{top:50%;transform:translateY(-50%)}.futureNode,.futureNodes{position:absolute;right:0}.futureNode{width:12px;height:12px;border-radius:50%;animation:nodeGlow 3s ease-in-out infinite}.node1{top:-20px;right:60px}.node2{top:0;right:100px;animation-delay:1s}.node3{top:20px;right:60px;animation-delay:2s}.nodeInner{width:100%;height:100%;border-radius:50%;background:var(--cdCyan);box-shadow:0 0 15px rgba(149,228,229,.4)}@keyframes horizonPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes branchGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:.8}to{transform:scaleX(1);opacity:.6}}@keyframes nodeGlow{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.aboutConnection{padding:8rem 0;background:var(--bgPrimary);position:relative;overflow:hidden}.aboutConnectionContainer{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:10}.connectionBackground{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.holoGrid{opacity:.15}.gridMatrix,.holoGrid{position:absolute;inset:0}.gridMatrix{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(8,1fr);grid-gap:2px;gap:2px}.matrixLine{background:linear-gradient(45deg,transparent,rgba(78,205,196,.3),transparent);animation:matrixFlow 8s ease-in-out infinite}.line0{animation-delay:0s}.line1{animation-delay:2s}.line2{animation-delay:4s}.line3{animation-delay:6s}.gridIntersections{position:absolute;inset:0}.intersection{position:absolute;width:4px;height:4px;background:var(--cdCyan);border-radius:50%;animation:intersectionPulse 6s ease-in-out infinite}.point0{top:20%;left:15%;animation-delay:0s}.point1{top:40%;right:25%;animation-delay:2s}.point2{bottom:30%;left:30%;animation-delay:4s}.quantumOrbs{position:absolute;inset:0}.quantumOrb{position:absolute;width:120px;height:120px}.orb1{top:15%;left:10%;animation:orbFloat 15s ease-in-out infinite}.orb2{top:60%;right:15%;animation:orbFloat 20s ease-in-out infinite;animation-delay:-5s}.orb3{bottom:20%;left:60%;animation:orbFloat 18s ease-in-out infinite;animation-delay:-10s}.orbCore{width:12px;height:12px;background:var(--cdCyan);border-radius:50%;animation:coreGlow 3s ease-in-out infinite;box-shadow:0 0 20px var(--cdCyan)}.orbCore,.orbRing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbRing{border:1px solid rgba(78,205,196,.3);border-radius:50%;animation:ringRotate 10s linear infinite}.ring1{width:40px;height:40px;animation-delay:0s}.ring2{width:70px;height:70px;animation-delay:-3.33s}.ring3{width:100px;height:100px;animation-delay:-6.67s}.neuralNetwork{position:absolute;inset:0;opacity:.2}.neuralPath{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--cdBlue),var(--cdCyan),transparent);animation:neuralFlow 12s ease-in-out infinite}.path1{top:25%;left:20%;width:200px;transform:rotate(15deg);animation-delay:0s}.path2{top:50%;right:30%;width:150px;transform:rotate(-30deg);animation-delay:3s}.path3{bottom:35%;left:40%;width:180px;transform:rotate(45deg);animation-delay:6s}.path4{top:70%;right:10%;width:120px;transform:rotate(-10deg);animation-delay:9s}.neuralNode{position:absolute;width:8px;height:8px;background:var(--cdBlue);border-radius:50%;animation:nodeActivate 8s ease-in-out infinite}.node1{top:25%;left:20%;animation-delay:0s}.node2{top:50%;right:30%;animation-delay:1.6s}.node3{bottom:35%;left:40%;animation-delay:3.2s}.node4{top:70%;right:10%;animation-delay:4.8s}.node5{top:40%;left:70%;animation-delay:6.4s}.dataStreams{position:absolute;inset:0}.dataStream{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(104,143,229,.4),rgba(78,205,196,.6),transparent);animation:streamFlow 10s linear infinite}.stream0{left:10%;animation-delay:0s}.stream1{left:25%;animation-delay:1.25s}.stream2{left:40%;animation-delay:2.5s}.stream3{left:55%;animation-delay:3.75s}.stream4{left:70%;animation-delay:5s}.stream5{left:85%;animation-delay:6.25s}.stream6{left:30%;animation-delay:7.5s}.stream7{left:60%;animation-delay:8.75s}.streamParticle{position:absolute;width:6px;height:6px;background:var(--cdCyan);border-radius:50%;animation:particleTravel 8s linear infinite;box-shadow:0 0 12px var(--cdCyan)}.holoSymbols{position:absolute;inset:0}.holoSymbol{position:absolute;font-size:24px;color:rgba(78,205,196,.4);animation:symbolFloat 20s ease-in-out infinite;text-shadow:0 0 10px currentColor}.symbol1{top:10%;left:20%;animation-delay:0s}.symbol2{top:30%;right:10%;animation-delay:3.33s}.symbol3{bottom:25%;left:15%;animation-delay:6.67s}.symbol4{top:60%;right:40%;animation-delay:10s}.symbol5{bottom:40%;right:20%;animation-delay:13.33s}.symbol6{top:80%;left:60%;animation-delay:16.67s}.energyField{opacity:.1}.energyField,.fieldLayer{position:absolute;inset:0}.fieldLayer{background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(78,205,196,.15) 0,transparent 50%);animation:fieldPulse 15s ease-in-out infinite}.layer1{--x:20%;--y:30%;animation-delay:0s}.layer2{--x:80%;--y:60%;animation-delay:5s}.layer3{--x:40%;--y:80%;animation-delay:10s}.sectionLabel{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(78,205,196,.08);border:1px solid rgba(78,205,196,.15);border-radius:2rem;color:var(--cdCyan);font-size:var(--textSm);font-weight:500;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sectionIcon{width:16px;height:16px}.connectionContent{text-align:center;position:relative;z-index:10}.aboutConnectionTitle{font-size:var(--text4xl);font-weight:800;margin-bottom:3rem;letter-spacing:var(--trackingTight);line-height:1.1;position:relative;z-index:2}.titleMain{color:var(--textPrimary);display:inline-block;margin-right:.5rem}.titleAccent{background:linear-gradient(135deg,#00f5ff,#1e90ff,#ff1493,#ffd700);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin:0 .5rem;position:relative}.titleAccent,.titleAccent:before{animation:gradientShift 4s ease-in-out infinite}.titleAccent:before{content:"";position:absolute;inset:-5px;background:linear-gradient(135deg,#00f5ff,#1e90ff,#ff1493,#ffd700);background-size:200% 200%;border-radius:8px;opacity:.3;filter:blur(10px);z-index:-1}@media (min-width:768px){.aboutConnectionTitle{font-size:var(--text5xl)}}.aboutConnectionDescription{font-size:var(--textXl);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.missionStatement{margin-bottom:4rem;position:relative}.missionText{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textAccent);font-style:italic;text-align:center;max-width:800px;margin:0 auto;padding:2rem;background:rgba(78,205,196,.05);border:1px solid rgba(78,205,196,.2);border-radius:1rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(78,205,196,.1)}.missionText:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(78,205,196,.3),transparent);border-radius:1rem;opacity:0;animation:missionGlow 3s ease-in-out infinite;z-index:-1}.dynamicQuote{margin-bottom:4rem;min-height:100px;display:flex;align-items:center;justify-content:center}.quoteContainer{max-width:800px;text-align:center}.quoteText{font-size:var(--text2xl);font-weight:600;font-style:italic;color:var(--textAccent);line-height:var(--leadingRelaxed);animation:quoteSlideIn .5s ease-out;min-height:60px;align-items:center}.quoteDots,.quoteText{display:flex;justify-content:center}.quoteDots{gap:.5rem;margin-top:1rem}.quoteDot{width:8px;height:8px;border-radius:50%;background:var(--textTertiary);cursor:pointer;transition:all .3s ease}.quoteDot.active{background:var(--cdCyan);transform:scale(1.2)}.quoteDot:hover{background:var(--textAccent);transform:scale(1.1)}.connectionActions{margin-bottom:5rem}.connectionCta{position:relative;display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--cdGradientFrom);color:white;text-decoration:none;border-radius:.75rem;font-size:var(--textLg);font-weight:600;transition:all .3s ease;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 20px rgba(104,143,229,.3)}.connectionCta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(104,143,229,.4)}.ctaIconContainer,.ctaText{position:relative;z-index:2;transition:all .3s ease}.ctaIconContainer{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.ctaIcon{width:100%;height:100%;transition:transform .3s ease}.connectionCta:hover .ctaIcon{transform:translateX(4px)}.ctaBackground{position:absolute;inset:0;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));opacity:0;transition:opacity .3s ease}.connectionCta:hover .ctaBackground{opacity:1}.secondaryActions{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.secondaryLink{display:inline-flex;align-items:center;gap:.5rem;color:var(--textAccent);text-decoration:none;font-size:var(--textBase);font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem}.secondaryLink:hover{color:var(--cdCyan);background:rgba(78,205,196,.1);transform:translateY(-1px)}.linkIcon{width:16px;height:16px;transition:transform .3s ease}.secondaryLink:hover .linkIcon{transform:translateX(2px)}.futureMetrics{margin:3rem 0;position:relative}.metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:600px;margin:0 auto}.metricCard{position:relative;padding:1.5rem 1rem;background:rgba(255,255,255,.02);border:1px solid rgba(78,205,196,.15);border-radius:.75rem;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease}.metricCard:hover{transform:translateY(-4px);border-color:rgba(78,205,196,.3);box-shadow:0 8px 25px rgba(78,205,196,.1)}.metricIcon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:.75rem;color:var(--cdCyan);opacity:.8}.metricIcon svg{width:100%;height:100%}.metricValue{font-size:var(--text2xl);font-weight:700;background:linear-gradient(135deg,var(--cdCyan),var(--cdBlue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.metricLabel{font-size:var(--textSm);color:var(--textTertiary);font-weight:500;line-height:1.3}.metricGlow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(78,205,196,.05),transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:.75rem}.metricCard:hover .metricGlow{opacity:1}.quantumCTA{position:relative;margin-top:3rem;display:flex;justify-content:center}.ctaAura{width:200px;height:200px;background:radial-gradient(circle,rgba(78,205,196,.1),transparent 70%);border-radius:50%;animation:auraExpand 6s ease-in-out infinite}.ctaAura,.ctaParticles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctaParticles{width:300px;height:300px}.ctaParticle{position:absolute;width:4px;height:4px;background:var(--cdCyan);border-radius:50%;animation:particleOrbit 8s linear infinite}.particle0{top:0;left:50%;transform:translateX(-50%);animation-delay:0s}.particle1{top:25%;right:13%;animation-delay:1.33s}.particle2{top:75%;right:13%;animation-delay:2.67s}.particle3{bottom:0;left:50%;transform:translateX(-50%);animation-delay:4s}.particle4{top:75%;left:13%;animation-delay:5.33s}.particle5{top:25%;left:13%;animation-delay:6.67s}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes matrixFlow{0%,to{opacity:.1;transform:scaleY(.8)}50%{opacity:.4;transform:scaleY(1.2)}}@keyframes intersectionPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(2);box-shadow:0 0 20px var(--cdCyan)}}@keyframes orbFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-40px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}@keyframes coreGlow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 40px var(--cdCyan)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg);opacity:.3}50%{opacity:.7}to{transform:translate(-50%,-50%) rotate(1turn);opacity:.3}}@keyframes neuralFlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:.8;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes nodeActivate{0%,90%{opacity:.3;transform:scale(1)}95%{opacity:1;transform:scale(2);box-shadow:0 0 15px var(--cdBlue)}}@keyframes streamFlow{0%{opacity:.2;transform:translateY(100%)}50%{opacity:.8}to{opacity:.2;transform:translateY(-100%)}}@keyframes particleTravel{0%{transform:translateY(100vh);opacity:0}10%,90%{opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes symbolFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:.2}25%{transform:translateY(-30px) rotate(90deg);opacity:.6}50%{transform:translateY(-50px) rotate(180deg);opacity:.4}75%{transform:translateY(-20px) rotate(270deg);opacity:.3}}@keyframes fieldPulse{0%,to{opacity:.05;transform:scale(.8)}50%{opacity:.2;transform:scale(1.2)}}@keyframes missionGlow{0%,to{opacity:0}50%{opacity:1}}@keyframes auraExpand{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}@keyframes particleOrbit{0%{transform:rotate(0deg) translateX(150px) rotate(0deg)}to{transform:rotate(1turn) translateX(150px) rotate(-1turn)}}@keyframes quoteSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statCount{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1023px){.orbitingElements{width:300px;height:300px}.orbitElement .elementIcon{width:20px;height:20px}.aboutConnectionTitle{font-size:var(--text3xl)}.quoteText{font-size:var(--textXl)}.connectionStats{grid-template-columns:1fr;gap:1rem}}@media (max-width:640px){.aboutConnection{padding:5rem 0}.connectionCta{width:100%;justify-content:center}.secondaryActions{flex-direction:column;align-items:center}.orbitingElements{width:250px;height:250px}}.dashboardLayout{display:flex;min-height:100vh;background-color:var(--bgPrimary);color:var(--textPrimary)}.dashboardMain{flex:1 1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left .3s ease}.dashboardMain.sidebarCollapsed{margin-left:80px}.dashboardContent{flex:1 1;padding:calc(80px + 2rem) 2rem 2rem;overflow-y:auto}@media (max-width:768px){.dashboardMain,.dashboardMain.sidebarCollapsed{margin-left:0}.dashboardContent{padding:calc(80px + 1rem) 1rem 1rem}}.dashboardSidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:var(--cardBg);border-right:1px solid var(--borderSecondary);display:flex;flex-direction:column;transition:all .3s ease;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashboardSidebar.collapsed{width:80px}@media (max-width:768px){.dashboardSidebar{width:280px}.dashboardSidebar,.dashboardSidebar.collapsed{transform:translateX(-100%)}.dashboardSidebar:not(.collapsed){transform:translateX(0)}}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;border-bottom:1px solid var(--borderSecondary);min-height:80px}.sidebarLogo{flex:1 1;display:flex;justify-content:center}.dashboardSidebar:not(.collapsed) .sidebarLogo{justify-content:flex-start}.logoLink{display:flex;align-items:center;justify-content:center;color:var(--textPrimary);text-decoration:none;transition:color .2s ease}.logoLink:hover{color:var(--textAccent)}.logoIcon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:.5rem;object-fit:contain;background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));padding:.25rem;flex-shrink:0}.sidebarToggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--bgMuted);border:none;border-radius:.5rem;color:var(--textSecondary);cursor:pointer;transition:all .2s ease}.sidebarToggle:hover{background-color:var(--buttonSecondaryHover);color:var(--textPrimary)}.toggleIcon{width:1rem;height:1rem}.sidebarNav{flex:1 1;padding:1rem 0;overflow-y:auto}.navSection{padding:0 1rem}.navSectionTitle{font-size:.75rem;font-weight:600;color:var(--textTertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:0 .5rem}.navList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.navItem{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--textSecondary);text-decoration:none;border-radius:.75rem;transition:all .2s ease;font-weight:500}.navItem:hover{background-color:var(--bgMuted);color:var(--textPrimary)}.navItem.active{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:white}.navIcon{width:1.25rem;height:1.25rem;flex-shrink:0}.navText{flex:1 1;white-space:nowrap}.activeIndicator{position:absolute;right:.5rem;width:.5rem;height:.5rem;background-color:white;border-radius:50%;opacity:.8}.sidebarFooter{padding:1rem;border-top:1px solid var(--borderSecondary)}.userInfo{gap:.75rem;padding:.75rem;background-color:var(--bgMuted);border-radius:.75rem}.userAvatar,.userInfo{display:flex;align-items:center}.userAvatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:50%;justify-content:center;flex-shrink:0}.userAvatar.large{width:3rem;height:3rem}.userAvatarCollapsed{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.avatarIcon{width:1.25rem;height:1.25rem;color:white}.userDetails{flex:1 1;min-width:0}.userName{font-weight:600;font-size:.875rem;color:var(--textPrimary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userRole{font-size:.75rem;color:var(--textTertiary);text-transform:capitalize}.userEmail{font-size:.75rem;color:var(--textSecondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboardTopbar{position:fixed;top:0;left:280px;right:0;height:80px;background-color:var(--cardBg);border-bottom:1px solid var(--borderSecondary);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;transition:all .3s ease;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashboardTopbar.sidebarCollapsed{left:80px}@media (max-width:768px){.dashboardTopbar{left:0;padding:0 1rem}.dashboardTopbar.sidebarCollapsed{left:0}}.topbarLeft{display:flex;align-items:center;gap:1rem}.mobileMenuToggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--bgMuted);border:none;border-radius:.5rem;color:var(--textPrimary);cursor:pointer;transition:all .2s ease}.mobileMenuToggle:hover{background-color:var(--buttonSecondaryHover)}.menuIcon{width:1.25rem;height:1.25rem}@media (max-width:768px){.mobileMenuToggle{display:flex}}.pageTitle h1{font-size:1.5rem;font-weight:700;color:var(--textPrimary);margin:0}.topbarRight{gap:1rem}.topbarActions,.topbarRight{display:flex;align-items:center}.topbarActions{gap:.5rem}.themeToggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--bgMuted);color:var(--textPrimary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.themeToggle:hover{background-color:var(--buttonSecondaryHover)}.themeIcon{width:1rem;height:1rem}.notificationButton{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--bgMuted);color:var(--textPrimary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.notificationButton:hover{background-color:var(--buttonSecondaryHover)}.notificationBadge,.notificationIcon{width:1rem;height:1rem}.notificationBadge{position:absolute;top:.25rem;right:.25rem;background-color:var(--cdRed);color:white;font-size:.625rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.accountDropdown{position:relative}.accountButton{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--bgMuted);border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;color:var(--textPrimary)}.accountButton.active,.accountButton:hover{background-color:var(--buttonSecondaryHover)}.accountButton .userAvatar{width:2rem;height:2rem}.accountButton .userInfo{display:none}@media (min-width:640px){.accountButton .userInfo{display:flex;flex-direction:column;align-items:flex-start;min-width:0}}.accountButton .userName{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.accountButton .userRole{font-size:.75rem;color:var(--textTertiary)}.dropdownArrow{width:1rem;height:1rem;color:var(--textTertiary);transition:transform .2s ease}.accountButton.active .dropdownArrow{transform:rotate(180deg)}.accountDropdownMenu{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background-color:var(--cardBg);border:1px solid var(--borderSecondary);border-radius:1rem;box-shadow:var(--shadowLg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;animation:dropdownFadeIn .2s ease forwards;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdownHeader{padding:1.5rem;border-bottom:1px solid var(--borderSecondary)}.dropdownHeader .userDetails{display:flex;align-items:center;gap:1rem}.userInfoDetailed{flex:1 1;min-width:0}.userInfoDetailed .userName{font-size:1rem;font-weight:600;color:var(--textPrimary);margin-bottom:.25rem}.userInfoDetailed .userEmail{font-size:.875rem;color:var(--textSecondary);margin-bottom:.25rem}.userInfoDetailed .userRole{font-size:.75rem;color:var(--textTertiary);text-transform:capitalize}.dropdownBody{padding:.5rem}.dropdownItem{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:.5rem;color:var(--textSecondary);text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left}.dropdownItem:hover{background-color:var(--bgMuted);color:var(--textPrimary)}.dropdownItem.logout{color:var(--cdRed)}.dropdownItem.logout:hover{background-color:rgba(239,68,68,.1);color:var(--cdRed)}.itemIcon{width:1rem;height:1rem}@media (max-width:640px){.accountDropdownMenu{width:240px}.topbarActions{gap:.25rem}.accountButton .userInfo{display:none}}[data-theme=dark] .dashboardSidebar,[data-theme=dark] .dashboardTopbar{background-color:rgba(15,23,42,.95)}[data-theme=dark] .accountDropdownMenu{background-color:rgba(15,23,42,.95);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}.authPage{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bgPrimary);overflow:hidden}.authContainer{position:relative;width:100%;max-width:480px;margin:0 auto;padding:2rem 1rem;z-index:10}.authCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:24px;padding:3rem 2rem;box-shadow:var(--shadowXl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.authHeader{text-align:center;margin-bottom:2.5rem}.authLogo{display:inline-block;margin-bottom:2rem;text-decoration:none}.logoText{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.authTitle{font-size:2rem;font-weight:700;color:var(--textPrimary);margin-bottom:.75rem}.authSubtitle{font-size:1rem;color:var(--textSecondary);line-height:1.5}.authForm{gap:1.5rem}.authField,.authForm{display:flex;flex-direction:column}.authField{gap:.5rem}.authLabel{font-size:.875rem;font-weight:600;color:var(--textPrimary)}.authInputWrapper{position:relative;display:flex;align-items:center}.authInput{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid var(--borderPrimary);border-radius:12px;background:var(--bgSecondary);color:var(--textPrimary);font-size:1rem;transition:all .3s ease}.authInput:focus{outline:none;border-color:var(--cdBlue);box-shadow:0 0 0 3px rgba(104,143,229,.1)}.authInput.error{border-color:var(--cdRed)}.authInput::placeholder{color:var(--textTertiary)}.authInputIcon{position:absolute;left:.875rem;width:1.25rem;height:1.25rem;color:var(--textTertiary);z-index:1}.authPasswordToggle{position:absolute;right:.875rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:6px;transition:background-color .3s ease}.authPasswordToggle:hover{background:var(--glassWhite5)}.authPasswordIcon{width:1.25rem;height:1.25rem;color:var(--textTertiary)}.authError{padding:.875rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--cdRed);font-size:.875rem;font-weight:500}.authFieldError{font-size:.75rem;color:var(--cdRed);margin-top:.25rem}.authOptions{justify-content:space-between;flex-wrap:wrap;gap:1rem}.authCheckbox,.authOptions{display:flex;align-items:center}.authCheckbox{gap:.5rem;cursor:pointer;font-size:.875rem}.authCheckbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--cdBlue)}.authCheckboxText{color:var(--textSecondary)}.authForgotLink,.authTermsLink{color:var(--cdBlue);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .3s ease}.authForgotLink:hover,.authTermsLink:hover{color:var(--cdBlueLight)}.authSubmit{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem}.authSubmit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadowLg)}.authSubmit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.authLoader,.authSubmitIcon{width:1.25rem;height:1.25rem}.authLoader{border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:authSpin 1s linear infinite}.authPasswordStrength{margin-top:.75rem}.strengthRequirements{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.strengthItem{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--textTertiary);transition:color .3s ease}.strengthItem.valid{color:var(--cdGreen)}.strengthIcon{width:.875rem;height:.875rem;opacity:.3;transition:opacity .3s ease}.strengthItem.valid .strengthIcon{opacity:1}.authFooter{margin-top:2rem;text-align:center}.authFooterText{font-size:.875rem;color:var(--textSecondary)}.authFooterLink{color:var(--cdBlue);text-decoration:none;font-weight:600;transition:color .3s ease}.authFooterLink:hover{color:var(--cdBlueLight)}.authBackground{position:absolute;inset:0;pointer-events:none;z-index:1}.authBackgroundElement{position:absolute;border-radius:50%;opacity:.1;animation:authFloat 20s ease-in-out infinite}.auth-element-1{top:10%;left:10%;width:120px;height:120px;background:linear-gradient(135deg,var(--cdBlue) 0,var(--cdCyan) 100%);animation-delay:0s}.auth-element-2{top:60%;right:15%;width:80px;height:80px;background:linear-gradient(135deg,var(--cdCyan) 0,var(--cdAccent) 100%);animation-delay:7s}.auth-element-3{bottom:20%;left:20%;width:100px;height:100px;background:linear-gradient(135deg,var(--cdAccent) 0,var(--cdBlue) 100%);animation-delay:14s}@keyframes authSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes authFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}@media (max-width:640px){.authContainer{padding:1rem}.authCard{padding:2rem 1.5rem;border-radius:16px}.authTitle{font-size:1.75rem}.strengthRequirements{grid-template-columns:1fr}.authOptions{flex-direction:column;align-items:flex-start}.auth-element-1{width:80px;height:80px}.auth-element-2{width:60px;height:60px}.auth-element-3{width:70px;height:70px}}@media (max-width:480px){.authTitle,.logoText{font-size:1.5rem}.authSubtitle{font-size:.875rem}}