.aboutConnection{background:var(--bgPrimary);padding:8rem 0;position:relative;overflow:hidden}.aboutConnectionContainer{z-index:10;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative}.connectionBackground{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.holoGrid{opacity:.15;position:absolute;inset:0}.gridMatrix{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(10,1fr);gap:2px;display:grid;position:absolute;inset:0}.matrixLine{background:linear-gradient(45deg,#0000,#4ecdc44d,#0000);animation:8s ease-in-out infinite matrixFlow}.line0{animation-delay:0s}.line1{animation-delay:2s}.line2{animation-delay:4s}.line3{animation-delay:6s}.gridIntersections{position:absolute;inset:0}.intersection{background:var(--cdCyan);border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite intersectionPulse;position:absolute}.point0{animation-delay:0s;top:20%;left:15%}.point1{animation-delay:2s;top:40%;right:25%}.point2{animation-delay:4s;bottom:30%;left:30%}.quantumOrbs{position:absolute;inset:0}.quantumOrb{width:120px;height:120px;position:absolute}.orb1{animation:15s ease-in-out infinite orbFloat;top:15%;left:10%}.orb2{animation:20s ease-in-out -5s infinite orbFloat;top:60%;right:15%}.orb3{animation:18s ease-in-out -10s infinite orbFloat;bottom:20%;left:60%}.orbCore{background:var(--cdCyan);width:12px;height:12px;box-shadow:0 0 20px var(--cdCyan);border-radius:50%;animation:3s ease-in-out infinite coreGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbRing{border:1px solid #4ecdc44d;border-radius:50%;animation:10s linear infinite ringRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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{opacity:.2;position:absolute;inset:0}.neuralPath{background:linear-gradient(90deg,transparent,var(--cdBlue),var(--cdCyan),transparent);height:2px;animation:12s ease-in-out infinite neuralFlow;position:absolute}.path1{width:200px;animation-delay:0s;top:25%;left:20%;transform:rotate(15deg)}.path2{width:150px;animation-delay:3s;top:50%;right:30%;transform:rotate(-30deg)}.path3{width:180px;animation-delay:6s;bottom:35%;left:40%;transform:rotate(45deg)}.path4{width:120px;animation-delay:9s;top:70%;right:10%;transform:rotate(-10deg)}.neuralNode{background:var(--cdBlue);border-radius:50%;width:8px;height:8px;animation:8s ease-in-out infinite nodeActivate;position:absolute}.node1{animation-delay:0s;top:25%;left:20%}.node2{animation-delay:1.6s;top:50%;right:30%}.node3{animation-delay:3.2s;bottom:35%;left:40%}.node4{animation-delay:4.8s;top:70%;right:10%}.node5{animation-delay:6.4s;top:40%;left:70%}.dataStreams{position:absolute;inset:0}.dataStream{background:linear-gradient(#0000,#688fe566,#4ecdc499,#0000);width:2px;height:100%;animation:10s linear infinite streamFlow;position:absolute}.stream0{animation-delay:0s;left:10%}.stream1{animation-delay:1.25s;left:25%}.stream2{animation-delay:2.5s;left:40%}.stream3{animation-delay:3.75s;left:55%}.stream4{animation-delay:5s;left:70%}.stream5{animation-delay:6.25s;left:85%}.stream6{animation-delay:7.5s;left:30%}.stream7{animation-delay:8.75s;left:60%}.streamParticle{background:var(--cdCyan);width:6px;height:6px;box-shadow:0 0 12px var(--cdCyan);border-radius:50%;animation:8s linear infinite particleTravel;position:absolute}.holoSymbols{position:absolute;inset:0}.holoSymbol{color:#4ecdc466;text-shadow:0 0 10px;font-size:24px;animation:20s ease-in-out infinite symbolFloat;position:absolute}.symbol1{animation-delay:0s;top:10%;left:20%}.symbol2{animation-delay:3.33s;top:30%;right:10%}.symbol3{animation-delay:6.67s;bottom:25%;left:15%}.symbol4{animation-delay:10s;top:60%;right:40%}.symbol5{animation-delay:13.33s;bottom:40%;right:20%}.symbol6{animation-delay:16.67s;top:80%;left:60%}.energyField{opacity:.1;position:absolute;inset:0}.fieldLayer{background:radial-gradient(circle at var(--x,50%)var(--y,50%),#4ecdc426 0%,transparent 50%);animation:15s ease-in-out infinite fieldPulse;position:absolute;inset:0}.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{color:var(--cdCyan);font-size:var(--textSm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4ecdc414;border:1px solid #4ecdc426;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.sectionIcon{width:16px;height:16px}.connectionContent{text-align:center;z-index:10;position:relative}.aboutConnectionTitle{font-size:var(--text4xl);letter-spacing:var(--trackingTight);z-index:2;margin-bottom:3rem;font-weight:800;line-height:1.1;position:relative}.titleMain{color:var(--textPrimary);margin-right:.5rem;display:inline-block}.titleAccent{background:linear-gradient(135deg,#00f5ff,#1e90ff,#ff1493,gold) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 .5rem;animation:4s ease-in-out infinite gradientShift;display:inline-block;position:relative}.titleAccent:before{content:"";opacity:.3;filter:blur(10px);z-index:-1;background:linear-gradient(135deg,#00f5ff,#1e90ff,#ff1493,gold) 0 0/200% 200%;border-radius:8px;animation:4s ease-in-out infinite gradientShift;position:absolute;inset:-5px}@media (min-width:768px){.aboutConnectionTitle{font-size:var(--text5xl)}}.aboutConnectionDescription{font-size:var(--textXl);line-height:var(--leadingRelaxed);color:var(--textSecondary);max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.missionStatement{margin-bottom:4rem;position:relative}.missionText{font-size:var(--textLg);line-height:var(--leadingRelaxed);color:var(--textAccent);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4ecdc40d;border:1px solid #4ecdc433;border-radius:1rem;max-width:800px;margin:0 auto;padding:2rem;font-style:italic;position:relative;box-shadow:0 8px 32px #4ecdc41a}.missionText:before{content:"";opacity:0;z-index:-1;background:linear-gradient(45deg,#0000,#4ecdc44d,#0000);border-radius:1rem;animation:3s ease-in-out infinite missionGlow;position:absolute;inset:-2px}.dynamicQuote{justify-content:center;align-items:center;min-height:100px;margin-bottom:4rem;display:flex}.quoteContainer{text-align:center;max-width:800px}.quoteText{font-size:var(--text2xl);color:var(--textAccent);font-style:italic;font-weight:600;line-height:var(--leadingRelaxed);justify-content:center;align-items:center;min-height:60px;animation:.5s ease-out quoteSlideIn;display:flex}.quoteDots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.quoteDot{background:var(--textTertiary);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.quoteDot.active{background:var(--cdCyan);transform:scale(1.2)}.quoteDot:hover{background:var(--textAccent);transform:scale(1.1)}.connectionActions{margin-bottom:5rem}.connectionCta{background:var(--cdGradientFrom);color:#fff;font-size:var(--textLg);border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #688fe54d}.connectionCta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #688fe566}.ctaText{z-index:2;transition:all .3s;position:relative}.ctaIconContainer{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:relative}.ctaIcon{width:100%;height:100%;transition:transform .3s}.connectionCta:hover .ctaIcon{transform:translate(4px)}.ctaBackground{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));opacity:0;transition:opacity .3s;position:absolute;inset:0}.connectionCta:hover .ctaBackground{opacity:1}.secondaryActions{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.secondaryLink{color:var(--textAccent);font-size:var(--textBase);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.secondaryLink:hover{color:var(--cdCyan);background:#4ecdc41a;transform:translateY(-1px)}.linkIcon{width:16px;height:16px;transition:transform .3s}.secondaryLink:hover .linkIcon{transform:translate(2px)}.futureMetrics{margin:3rem 0;position:relative}.metricsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;max-width:600px;margin:0 auto;display:grid}.metricCard{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #4ecdc426;border-radius:.75rem;padding:1.5rem 1rem;transition:all .3s;position:relative;overflow:hidden}.metricCard:hover{border-color:#4ecdc44d;transform:translateY(-4px);box-shadow:0 8px 25px #4ecdc41a}.metricIcon{width:32px;height:32px;color:var(--cdCyan);opacity:.8;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.metricIcon svg{width:100%;height:100%}.metricValue{font-size:var(--text2xl);background:linear-gradient(135deg,var(--cdCyan),var(--cdBlue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-weight:700}.metricLabel{font-size:var(--textSm);color:var(--textTertiary);font-weight:500;line-height:1.3}.metricGlow{opacity:0;background:radial-gradient(circle,#4ecdc40d,#0000 70%);border-radius:.75rem;transition:opacity .3s;position:absolute;inset:0}.metricCard:hover .metricGlow{opacity:1}.quantumCTA{justify-content:center;margin-top:3rem;display:flex;position:relative}.ctaAura{background:radial-gradient(circle,#4ecdc41a,#0000 70%);border-radius:50%;width:200px;height:200px;animation:6s ease-in-out infinite auraExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctaParticles{width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctaParticle{background:var(--cdCyan);border-radius:50%;width:4px;height:4px;animation:8s linear infinite particleOrbit;position:absolute}.particle0{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.particle1{animation-delay:1.33s;top:25%;right:13%}.particle2{animation-delay:2.67s;top:75%;right:13%}.particle3{animation-delay:4s;bottom:0;left:50%;transform:translate(-50%)}.particle4{animation-delay:5.33s;top:75%;left:13%}.particle5{animation-delay:6.67s;top:25%;left:13%}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@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;box-shadow:0 0 20px var(--cdCyan);transform:scale(2)}}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(0)}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;box-shadow:0 0 40px var(--cdCyan);transform:translate(-50%,-50%)scale(1.5)}}@keyframes ringRotate{0%{opacity:.3;transform:translate(-50%,-50%)rotate(0)}50%{opacity:.7}to{opacity:.3;transform:translate(-50%,-50%)rotate(360deg)}}@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;box-shadow:0 0 15px var(--cdBlue);transform:scale(2)}}@keyframes streamFlow{0%{opacity:.2;transform:translateY(100%)}50%{opacity:.8}to{opacity:.2;transform:translateY(-100%)}}@keyframes particleTravel{0%{opacity:0;transform:translateY(100vh)}10%,90%{opacity:1}to{opacity:0;transform:translateY(-100px)}}@keyframes symbolFloat{0%,to{opacity:.2;transform:translateY(0)rotate(0)}25%{opacity:.6;transform:translateY(-30px)rotate(90deg)}50%{opacity:.4;transform:translateY(-50px)rotate(180deg)}75%{opacity:.3;transform:translateY(-20px)rotate(270deg)}}@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{opacity:.3;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.2)}}@keyframes particleOrbit{0%{transform:rotate(0)translate(150px)rotate(0)}to{transform:rotate(360deg)translate(150px)rotate(-360deg)}}@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{justify-content:center;width:100%}.secondaryActions{flex-direction:column;align-items:center}.orbitingElements{width:250px;height:250px}}

.dashboardLayout{background-color:var(--bgPrimary);min-height:100vh;color:var(--textPrimary);display:flex}.dashboardMain{flex-direction:column;flex:1;margin-left:280px;transition:margin-left .3s;display:flex}.dashboardMain.sidebarCollapsed{margin-left:80px}.dashboardContent{flex: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{background-color:var(--cardBg);border-right:1px solid var(--borderSecondary);z-index:100;-webkit-backdrop-filter:blur(12px);flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.dashboardSidebar.collapsed{width:80px}@media (max-width:768px){.dashboardSidebar{width:280px;transform:translate(-100%)}.dashboardSidebar.collapsed{transform:translate(-100%)}.dashboardSidebar:not(.collapsed){transform:translate(0)}}.sidebarHeader{border-bottom:1px solid var(--borderSecondary);justify-content:space-between;align-items:center;min-height:80px;padding:1.5rem 1rem;display:flex}.sidebarLogo{flex:1;justify-content:center;display:flex}.dashboardSidebar:not(.collapsed) .sidebarLogo{justify-content:flex-start}.logoLink{color:var(--textPrimary);justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:flex}.logoLink:hover{color:var(--textAccent)}.logoIcon{object-fit:contain;background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));border-radius:.5rem;flex-shrink:0;width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:.25rem}.sidebarToggle{background-color:var(--bgMuted);width:2rem;height:2rem;color:var(--textSecondary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebarToggle:hover{background-color:var(--buttonSecondaryHover);color:var(--textPrimary)}.toggleIcon{width:1rem;height:1rem}.sidebarNav{flex:1;padding:1rem 0;overflow-y:auto}.navSection{padding:0 1rem}.navSectionTitle{color:var(--textTertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.navList{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.navItem{color:var(--textSecondary);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.navItem:hover{background-color:var(--bgMuted);color:var(--textPrimary)}.navItem.active{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:#fff}.navIcon{flex-shrink:0;width:1.25rem;height:1.25rem}.navText{white-space:nowrap;flex:1}.activeIndicator{opacity:.8;background-color:#fff;border-radius:50%;width:.5rem;height:.5rem;position:absolute;right:.5rem}.sidebarFooter{border-top:1px solid var(--borderSecondary);padding:1rem}.userInfo{background-color:var(--bgMuted);border-radius:.75rem;align-items:center;gap:.75rem;display:flex}.userAvatar{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.userAvatar.large{width:3rem;height:3rem}.userAvatarCollapsed{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:0 auto;display:flex}.avatarIcon{color:#fff;width:1.25rem;height:1.25rem}.userDetails{flex:1;min-width:0}.userName{color:var(--textPrimary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.userRole{color:var(--textTertiary);text-transform:capitalize;font-size:.75rem}.userEmail{color:var(--textSecondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dashboardTopbar{background-color:var(--cardBg);border-bottom:1px solid var(--borderSecondary);z-index:50;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:80px;padding:0 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:280px;right:0}.dashboardTopbar.sidebarCollapsed{left:80px}@media (max-width:768px){.dashboardTopbar{padding:0 1rem;left:0}.dashboardTopbar.sidebarCollapsed{left:0}}.topbarLeft{align-items:center;gap:1rem;display:flex}.mobileMenuToggle{background-color:var(--bgMuted);width:2.5rem;height:2.5rem;color:var(--textPrimary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:none}.mobileMenuToggle:hover{background-color:var(--buttonSecondaryHover)}.menuIcon{width:1.25rem;height:1.25rem}@media (max-width:768px){.mobileMenuToggle{display:flex}}.pageTitle h1{color:var(--textPrimary);margin:0;font-size:1.5rem;font-weight:700}.topbarRight{align-items:center;gap:1rem;display:flex}.topbarActions{align-items:center;gap:.5rem;display:flex}.themeToggle{background-color:var(--bgMuted);width:2.5rem;height:2.5rem;color:var(--textPrimary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.themeToggle:hover{background-color:var(--buttonSecondaryHover)}.themeIcon{width:1rem;height:1rem}.notificationButton{background-color:var(--bgMuted);width:2.5rem;height:2.5rem;color:var(--textPrimary);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notificationButton:hover{background-color:var(--buttonSecondaryHover)}.notificationIcon{width:1rem;height:1rem}.notificationBadge{background-color:var(--cdRed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:.25rem;right:.25rem}.accountDropdown{position:relative}.accountButton{background-color:var(--bgMuted);cursor:pointer;color:var(--textPrimary);border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.accountButton:hover,.accountButton.active{background-color:var(--buttonSecondaryHover)}.accountButton .userAvatar{width:2rem;height:2rem}.accountButton .userInfo{display:none}@media (min-width:640px){.accountButton .userInfo{flex-direction:column;align-items:flex-start;min-width:0;display:flex}}.accountButton .userName{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;font-weight:600;overflow:hidden}.accountButton .userRole{color:var(--textTertiary);font-size:.75rem}.dropdownArrow{width:1rem;height:1rem;color:var(--textTertiary);transition:transform .2s}.accountButton.active .dropdownArrow{transform:rotate(180deg)}.accountDropdownMenu{background-color:var(--cardBg);border:1px solid var(--borderSecondary);width:280px;box-shadow:var(--shadowLg);-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;border-radius:1rem;animation:.2s forwards dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdownHeader{border-bottom:1px solid var(--borderSecondary);padding:1.5rem}.dropdownHeader .userDetails{align-items:center;gap:1rem;display:flex}.userInfoDetailed{flex:1;min-width:0}.userInfoDetailed .userName{color:var(--textPrimary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.userInfoDetailed .userEmail{color:var(--textSecondary);margin-bottom:.25rem;font-size:.875rem}.userInfoDetailed .userRole{color:var(--textTertiary);text-transform:capitalize;font-size:.75rem}.dropdownBody{padding:.5rem}.dropdownItem{width:100%;color:var(--textSecondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.dropdownItem:hover{background-color:var(--bgMuted);color:var(--textPrimary)}.dropdownItem.logout{color:var(--cdRed)}.dropdownItem.logout:hover{color:var(--cdRed);background-color:#ef44441a}.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:#0f172af2}[data-theme=dark] .accountDropdownMenu{background-color:#0f172af2;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}

.blogHero{background:linear-gradient(135deg,var(--cdGradientFrom)0%,var(--cdGradientTo)100%);padding:8rem 0 6rem;position:relative;overflow:hidden}.blogHero:before{content:"";background:radial-gradient(circle at 70% 30%,var(--glassWhite10)0%,transparent 50%);pointer-events:none;position:absolute;inset:0}.blogHeroContainer{z-index:2;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.blogHeroGrid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.blogHeroContent{color:#fff}.serviceLabel{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.serviceLabelIcon{width:1rem;height:1rem}.blogHeroTitle{color:#fff;text-shadow:0 4px 30px #0000004d;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.1}.titleEmphasis{background:linear-gradient(135deg,var(--cdCyan),var(--cdAccent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.blogHeroDescription{color:#fffffff2;margin-bottom:2rem;font-size:1.125rem;font-weight:400;line-height:1.6}.deliverableTags{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.deliverableTag{background:var(--glassWhite15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glassWhite20);border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.deliverableIcon{width:1rem;height:1rem}.heroActions{gap:1rem;display:flex}.primaryAction{background:var(--bgSecondary);color:var(--textPrimary);box-shadow:0 4px 12px var(--glassBlack20);border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.primaryAction:hover{box-shadow:0 8px 24px var(--glassBlack20);transform:translateY(-2px)}.actionIcon{width:1rem;height:1rem;transition:transform .3s}.primaryAction:hover .actionIcon{transform:translate(2px)}.blogHeroVisual{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.visualContainer{width:100%;height:400px;position:relative}.gradientOrb{filter:blur(60px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite floatOrb;position:absolute}.orb1{background:radial-gradient(circle,var(--cdBlue),transparent);width:200px;height:200px;animation-delay:0s;top:10%;left:10%}.orb2{background:radial-gradient(circle,var(--cdCyan),transparent);width:250px;height:250px;animation-delay:2s;bottom:15%;right:15%}.orb3{background:radial-gradient(circle,var(--cdAccent),transparent);width:180px;height:180px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.1)}}.floatingTag{background:var(--cardBg);border:2px solid var(--cardBorder);color:var(--textPrimary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadowMd);transition:all .3s var(--easeOutExpo);cursor:default;border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;animation:4s ease-in-out infinite float;display:flex;position:absolute}.floatingTag svg{width:1.25rem;height:1.25rem;color:var(--cdBlue)}.floatingTag:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg);transform:scale(1.1)translateY(-8px)}.tag1{animation-delay:0s;top:15%;left:5%}.tag2{animation-delay:1s;top:25%;right:10%}.tag3{animation-delay:2s;bottom:30%;left:15%}.tag4{animation-delay:3s;bottom:15%;right:5%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.cube3D{width:80px;height:80px;transform-style:preserve-3d;animation:12s linear infinite rotateCube;position:absolute}.cube1{animation-delay:0s;top:10%;right:20%}.cube2{width:60px;height:60px;animation-delay:4s;top:50%;left:10%}.cube3{width:70px;height:70px;animation-delay:8s;bottom:20%;right:10%}.cubeFace{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));opacity:.7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff3;width:100%;height:100%;position:absolute}.cubeFace.front{transform:translateZ(40px)}.cubeFace.back{transform:rotateY(180deg)translateZ(40px)}.cubeFace.left{transform:rotateY(-90deg)translateZ(40px)}.cubeFace.right{transform:rotateY(90deg)translateZ(40px)}.cubeFace.top{transform:rotateX(90deg)translateZ(40px)}.cubeFace.bottom{transform:rotateX(-90deg)translateZ(40px)}@keyframes rotateCube{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}@media (max-width:1200px){.blogHeroGrid{grid-template-columns:1.3fr .7fr;gap:2rem}.visualContainer{height:350px}.gradientOrb{filter:blur(50px)}.orb1{width:150px;height:150px}.orb2{width:180px;height:180px}.orb3{width:140px;height:140px}}@media (max-width:1024px){.blogHeroGrid{grid-template-columns:1fr;gap:2rem}.blogHeroTitle{font-size:3rem}.blogHeroVisual{display:none}}@media (max-width:768px){.blogHero{padding:5rem 0 3rem}.blogHeroContainer{padding:0 1rem}.blogHeroTitle{font-size:2.25rem}.blogHeroDescription{font-size:1rem}.deliverableTags{flex-direction:column;align-items:flex-start}.heroActions{flex-direction:column;width:100%}.primaryAction{justify-content:center;width:100%}}
.blogListing{flex:1}.blogListingHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.blogListingTitle{color:var(--textPrimary);margin:0;font-size:2rem;font-weight:700}.blogFilters{align-items:center;gap:1rem;display:flex}.filterToggle{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.filterToggle:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.filterIcon{width:1rem;height:1rem}.filterPanel{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.filterGroup{flex-direction:column;gap:.5rem;display:flex}.filterGroup label{color:var(--textSecondary);font-size:.875rem;font-weight:600}.filterGroup select,.filterGroup input{border:1px solid var(--borderPrimary);background:var(--bgPrimary);color:var(--textPrimary);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .3s}.filterGroup select:focus,.filterGroup input:focus{border-color:var(--cdBlue);outline:none}.blogCardsContainer{margin-bottom:3rem}.blogCardsGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.blogCardsGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.blogCardsGrid{grid-template-columns:repeat(3,1fr)}}.blogLoadingGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.blogEmptyState{text-align:center;background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;padding:4rem 2rem}.emptyIcon{width:4rem;height:4rem;color:var(--textTertiary);margin:0 auto 1rem}.blogEmptyState h3{color:var(--textPrimary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.blogEmptyState p{color:var(--textSecondary);margin-bottom:2rem}.clearFiltersBtn{background:var(--cdBlue);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .3s}.clearFiltersBtn:hover{background:var(--cdBlueDark)}@media (max-width:768px){.blogListingHeader{flex-direction:column;align-items:flex-start}.blogFilters{justify-content:flex-start;width:100%}.filterPanel{grid-template-columns:1fr}.blogCardsGrid{grid-template-columns:1fr;gap:1.5rem}}
.blogCard{background:var(--cardBg);box-shadow:var(--shadowMd);transition:all .4s var(--easeOutExpo);border:1px solid var(--cardBorder);border-radius:1.25rem;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.blogCard:before{content:"";background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));-webkit-mask-composite:xor;opacity:0;border-radius:1.25rem;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.blogCard:hover:before{opacity:.3}.blogCard:hover{box-shadow:var(--shadowGlow);border-color:var(--cdBlue);transform:translateY(-8px)}.blogCard.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:2rem;display:grid}.blogCardLink{color:inherit;cursor:pointer;flex-direction:column;height:100%;text-decoration:none;display:flex;position:relative}.blogCardLink:after{content:"";z-index:1;position:absolute;inset:0}.blogCard.featured .blogCardLink{display:contents}.blogCardImage{background:var(--bgTertiary);width:100%;height:200px;position:relative;overflow:hidden}.blogCard.featured .blogCardImage{border-radius:.75rem;height:300px}.blogCardImage img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--easeOutExpo)}.blogCard:hover .blogCardImage img{transform:scale(1.05)}.blogCardImagePlaceholder{background:linear-gradient(135deg,var(--cdBlueLight),var(--cdCyanLight));color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholderIcon{opacity:.7;width:3.5rem;height:3.5rem}.categoryBadge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glassWhite20);border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.categoryBadge.blue{background:var(--cdBlue);color:#fff}.categoryBadge.purple{color:#fff;background:#8b5cf6}.categoryBadge.green{color:#fff;background:#10b981}.categoryBadge.red{color:#fff;background:#ef4444}.categoryBadge.yellow{color:#fff;background:#f59e0b}.categoryBadge.indigo{color:#fff;background:#6366f1}.categoryBadge.pink{color:#fff;background:#ec4899}.categoryBadge.cyan{background:var(--cdCyan);color:var(--textPrimary)}.categoryBadge.orange{color:#fff;background:#f97316}.categoryBadge.gray{background:var(--neutral500);color:#fff}.blogCardContent{background:0 0;flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.blogCard.featured .blogCardContent{padding:0}.blogCardMeta{color:var(--textTertiary);align-items:center;gap:1rem;margin:0;font-size:.8125rem;display:flex}.metaItem{background:0 0;align-items:center;gap:.375rem;display:flex}.metaIcon{width:.875rem;height:.875rem}.blogCardTitle{color:var(--textPrimary);-webkit-line-clamp:2;background:0 0;-webkit-box-orient:vertical;min-height:3.375rem;margin:0;padding:0;font-size:1.125rem;font-weight:700;line-height:1.5;transition:all .3s;display:-webkit-box;overflow:hidden}.blogCard.featured .blogCardTitle{-webkit-line-clamp:3;min-height:auto;font-size:2rem}.blogCard:hover .blogCardTitle{color:var(--textAccent)}.blogCardExcerpt{color:var(--textSecondary);-webkit-line-clamp:2;background:0 0;-webkit-box-orient:vertical;min-height:2.8rem;margin:0;padding:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blogCard.featured .blogCardExcerpt{-webkit-line-clamp:3;min-height:auto;font-size:1.125rem}.blogCardFooter{border-top:1px solid var(--borderSecondary);background:0 0;justify-content:space-between;align-items:center;margin:0;padding-top:.75rem;display:flex}.authorInfo{color:var(--textTertiary);background:0 0;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.authorIcon{opacity:.7;width:.875rem;height:.875rem}.authorName{background:0 0;font-weight:500}.blogStats{background:0 0;align-items:center;gap:.75rem;display:flex}.statItem{color:var(--textTertiary);background:0 0;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.statIcon{width:.875rem;height:.875rem}.blogTags{background:0 0;flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.tag{background:var(--bgTertiary);color:var(--cdBlue);border:1px solid var(--borderSecondary);border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:all .3s}.tag:hover{background:var(--cdBlue);color:#fff;border-color:var(--cdBlue)}.tagMore{background:var(--bgMuted);color:var(--textTertiary);border:1px solid var(--borderSecondary);border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.readMore{color:var(--textAccent);background:0 0;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.blogCard:hover .readMore{color:var(--cdBlue)}.readMoreIcon{width:1rem;height:1rem;transition:transform .3s}.blogCard:hover .readMoreIcon{transform:translate(6px)}.blogCardSkeleton{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.skeletonImage{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);width:100%;height:240px;animation:1.5s infinite skeleton-loading}.skeletonContent{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.skeletonTitle{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;height:1.5rem;animation:1.5s infinite skeleton-loading}.skeletonExcerpt{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;height:4rem;animation:1.5s infinite skeleton-loading}.skeletonMeta{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;width:60%;height:1rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:768px){.blogCard.featured{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.blogCard.featured .blogCardTitle{font-size:1.5rem}.blogCard.featured .blogCardExcerpt{font-size:1rem}.blogCardImage{height:200px}.blogCard.featured .blogCardImage{height:240px}.blogCardFooter{flex-direction:column;align-items:flex-start;gap:.75rem}.blogStats{align-self:flex-end}}
.blogDetailSection{background:var(--bgPrimary);min-height:80vh;padding:2rem 0 4rem}.blogDetailContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.blogDetailGrid{grid-template-columns:1fr 320px;align-items:start;gap:4rem;display:grid}.blogDetailContent{max-width:800px}.blogDetail{background:var(--bgSecondary);box-shadow:0 4px 12px var(--glassBlack10);border:1px solid var(--borderPrimary);border-radius:1rem;overflow:hidden}.blogBannerImage{background:var(--bgTertiary);width:100%;max-height:500px;position:relative;overflow:hidden}.blogBannerImage img{object-fit:cover;width:100%;height:100%;display:block}.blogDetailHeader{border-bottom:1px solid var(--borderPrimary);padding:2rem 2rem 1rem}.blogBreadcrumb{margin-bottom:1.5rem}.breadcrumbLink{color:var(--textTertiary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.breadcrumbLink:hover{color:var(--textAccent)}.breadcrumbIcon{width:1rem;height:1rem}.blogMeta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.metaLeft{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.metaRight{align-items:center;display:flex}.categoryBadge{background:var(--cdBlue);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.categoryIcon{width:.875rem;height:.875rem}.publishDate,.readingTime{color:var(--textTertiary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.dateIcon,.timeIcon{width:1rem;height:1rem}.blogStats{align-items:center;gap:1rem;display:flex}.statItem{color:var(--textTertiary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.875rem;transition:all .3s;display:flex}.statItem:hover{background:var(--bgTertiary);color:var(--textPrimary)}.likeBtn.liked,.shareBtn:hover{color:var(--cdBlue)}.statIcon{width:1rem;height:1rem}.blogDetailTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.blogDetailExcerpt{color:var(--textSecondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.authorInfo{align-items:center;gap:1rem;display:flex}.authorAvatar{background:var(--cdBlue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.avatarIcon{width:1.5rem;height:1.5rem}.authorDetails h4{color:var(--textPrimary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.authorDetails p{color:var(--textTertiary);margin:0;font-size:.875rem}.blogFeaturedImage{width:100%;max-height:400px;overflow:hidden}.blogFeaturedImage img{object-fit:cover;width:100%;height:100%}.blogDetailContent{padding:2rem}.blogBody{color:var(--textPrimary);font-size:1.125rem;line-height:1.8}.blogBody h1,.blogBody h2,.blogBody h3,.blogBody h4,.blogBody h5,.blogBody h6{color:var(--textPrimary);margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.blogBody h1{font-size:2rem}.blogBody h2{font-size:1.75rem}.blogBody h3{font-size:1.5rem}.blogBody h4{font-size:1.25rem}.blogBody h5{font-size:1.125rem}.blogBody h6{font-size:1rem}.blogBody p{margin-bottom:1.5rem}.blogBody ul,.blogBody ol{margin-bottom:1.5rem;padding-left:2rem}.blogBody li{margin-bottom:.5rem}.blogBody blockquote{background:var(--bgTertiary);border-left:4px solid var(--cdBlue);border-radius:0 .5rem .5rem 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.blogBody code{background:var(--bgTertiary);border-radius:.25rem;padding:.125rem .375rem;font-family:Monaco,Menlo,monospace;font-size:.875em}.blogBody pre{background:var(--neutral900);color:var(--neutral100);border-radius:.5rem;margin:2rem 0;padding:1.5rem;overflow-x:auto}.blogBody pre code{color:inherit;background:0 0;padding:0}.blogBody img{max-width:100%;height:auto;box-shadow:0 4px 12px var(--glassBlack20);border-radius:.5rem;margin:2rem 0}.blogBody a{color:var(--textAccent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .3s}.blogBody a:hover{border-bottom-color:var(--textAccent)}.blogTags{border-top:1px solid var(--borderPrimary);padding:2rem}.tagsTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.tagsList{flex-wrap:wrap;gap:.75rem;display:flex}.tagLink{background:var(--bgTertiary);color:var(--textSecondary);border:1px solid var(--borderPrimary);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s}.tagLink:hover{background:var(--cdBlue);color:#fff;border-color:var(--cdBlue)}.blogShare{border-top:1px solid var(--borderPrimary);background:var(--bgTertiary);padding:2rem}.shareTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.shareButtons{flex-wrap:wrap;gap:1rem;display:flex}.shareBtn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s}.shareBtn.twitter{color:#fff;background:#1da1f2}.shareBtn.linkedin{color:#fff;background:#0077b5}.shareBtn.facebook{color:#fff;background:#1877f2}.shareBtn.copy{background:var(--neutral600);color:#fff}.shareBtn:hover{box-shadow:0 4px 12px var(--glassBlack20);transform:translateY(-2px)}.blogDetailLoading{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;padding:2rem}.loadingSkeleton{flex-direction:column;gap:1rem;display:flex}.skeletonTitle{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;height:2rem;animation:1.5s infinite skeleton-loading}.skeletonMeta{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;width:60%;height:1rem;animation:1.5s infinite skeleton-loading}.skeletonImage{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.5rem;height:300px;animation:1.5s infinite skeleton-loading}.skeletonContent{background:linear-gradient(90deg,var(--neutral200)0%,var(--neutral300)50%,var(--neutral200)100%);border-radius:.25rem;height:400px;animation:1.5s infinite skeleton-loading}.blogDetailError{background:var(--bgSecondary);text-align:center;border:1px solid var(--borderPrimary);border-radius:1rem;padding:3rem 2rem}.blogDetailError h2{color:var(--textPrimary);margin-bottom:1rem}.blogDetailError p{color:var(--textSecondary);margin-bottom:2rem}.backToBlogs{background:var(--cdBlue);color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-flex}.backToBlogs:hover{background:var(--cdBlueDark)}.backIcon{width:1rem;height:1rem}.relatedBlogs{border-top:1px solid var(--borderPrimary);margin-top:4rem;padding-top:3rem}.relatedBlogsHeader{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.relatedBlogsTitle{color:var(--textPrimary);margin:0;font-size:1.75rem;font-weight:700}.viewAllLink{color:var(--textAccent);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.viewAllLink:hover{color:var(--cdBlueDark)}.linkIcon{width:1rem;height:1rem;transition:transform .3s}.viewAllLink:hover .linkIcon{transform:translate(2px)}.relatedBlogsGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (max-width:1024px){.blogDetailGrid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.blogDetailSection{padding:1rem 0 3rem}.blogDetailContainer{padding:0 1rem}.blogDetailHeader{padding:1.5rem 1.5rem 1rem}.blogDetailTitle{font-size:2rem}.blogDetailExcerpt{font-size:1rem}.blogDetailContent{padding:1.5rem}.blogBody{font-size:1rem}.blogMeta{flex-direction:column;align-items:flex-start}.shareButtons{justify-content:center}.relatedBlogsGrid{grid-template-columns:1fr}}
.blogSidebar{flex-direction:column;gap:2rem;display:flex}.sidebarWidget{background:var(--bgSecondary);border:1px solid var(--borderPrimary);box-shadow:0 2px 8px var(--glassBlack5);border-radius:1rem;padding:1.5rem}.widgetTitle{color:var(--textPrimary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.widgetIcon{width:1.25rem;height:1.25rem;color:var(--cdBlue)}.popularPosts{flex-direction:column;gap:1.5rem;display:flex}.popularPost{border-bottom:1px solid var(--borderPrimary);gap:1rem;padding-bottom:1rem;display:flex}.popularPost:last-child{border-bottom:none;padding-bottom:0}.popularPostLink{color:inherit;gap:1rem;text-decoration:none;transition:all .3s;display:flex}.popularPostLink:hover{transform:translateY(-1px)}.popularPostImage{background:var(--neutral200);border-radius:.5rem;flex-shrink:0;width:80px;height:60px;position:relative;overflow:hidden}.popularPostImage img{object-fit:cover;width:100%;height:100%}.imagePlaceholder{background:linear-gradient(45deg,var(--cdBlueLight),var(--cdCyanLight));color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholderIcon{width:1.5rem;height:1.5rem}.postRank{background:var(--cdBlue);color:#fff;border:2px solid var(--bgSecondary);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-.25rem;right:-.25rem}.popularPostContent{flex:1;min-width:0}.popularPostTitle{color:var(--textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.popularPostMeta{color:var(--textTertiary);align-items:center;gap:1rem;font-size:.75rem;display:flex}.postViews,.postDate{align-items:center;gap:.25rem;display:flex}.metaIcon{width:.875rem;height:.875rem}.recentPosts{flex-direction:column;gap:1rem;display:flex}.recentPost{border-bottom:1px solid var(--borderPrimary);padding-bottom:1rem}.recentPost:last-child{border-bottom:none;padding-bottom:0}.recentPostLink{color:inherit;text-decoration:none;transition:color .3s;display:block}.recentPostLink:hover .recentPostTitle{color:var(--textAccent)}.recentPostTitle{color:var(--textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.875rem;font-weight:600;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.recentPostMeta{color:var(--textTertiary);align-items:center;gap:1rem;font-size:.75rem;display:flex}.readingTime{font-weight:500}.categoriesList{flex-direction:column;gap:.5rem;display:flex}.categoryItem{color:var(--textSecondary);border-bottom:1px solid var(--borderPrimary);justify-content:space-between;align-items:center;padding:.75rem 0;text-decoration:none;transition:color .3s;display:flex}.categoryItem:last-child{border-bottom:none}.categoryItem:hover{color:var(--textAccent)}.categoryItem.active{background:var(--cdBlue);color:#fff;border-radius:.5rem;margin:0 -1rem;padding:.75rem 1rem}.categoryItem.active .categoryCount{color:#fff;background:#fff3}.categoryName{font-weight:500}.categoryCount{background:var(--bgTertiary);color:var(--textTertiary);text-align:center;border-radius:.375rem;min-width:1.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.tagsCloud{flex-wrap:wrap;gap:.5rem;display:flex}.tagItem{background:var(--bgTertiary);color:var(--textSecondary);border:1px solid var(--borderPrimary);border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s}.tagItem:hover{background:var(--cdBlue);color:#fff;border-color:var(--cdBlue);transform:translateY(-1px)}.newsletter{background:linear-gradient(135deg,var(--cdBlue)0%,var(--cdCyan)100%);color:#fff;border:none}.newsletter .widgetTitle,.newsletter .widgetIcon{color:#fff}.newsletterDescription{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.5}.newsletterForm{flex-direction:column;gap:1rem;display:flex}.newsletterInput{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.5rem;padding:.75rem;font-size:.875rem}.newsletterInput::placeholder{color:#ffffffb3}.newsletterInput:focus{background:#ffffff26;border-color:#ffffff80;outline:none}.newsletterBtn{background:var(--bgSecondary);color:var(--textPrimary);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1rem;font-weight:600;transition:all .3s}.newsletterBtn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width:1024px){.blogSidebar{margin-top:2rem}}@media (max-width:768px){.sidebarWidget{padding:1rem}.popularPostImage{width:60px;height:45px}.popularPostMeta{flex-direction:column;align-items:flex-start;gap:.25rem}.tagsCloud{gap:.375rem}.tagItem{padding:.25rem .5rem;font-size:.625rem}}
.blogPagination{border-top:1px solid var(--borderPrimary);flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.paginationContainer{align-items:center;gap:.5rem;display:flex}.paginationBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.paginationBtn:hover:not(:disabled){border-color:var(--cdBlue);color:var(--textPrimary);box-shadow:0 4px 8px var(--glassBlack10);transform:translateY(-1px)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.paginationIcon{width:1rem;height:1rem}.pageNumbers{align-items:center;gap:.25rem;display:flex}.pageBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;min-width:2.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.pageBtn:hover:not(:disabled):not(.dots){border-color:var(--cdBlue);color:var(--textPrimary);transform:translateY(-1px)}.pageBtn.active{background:var(--cdBlue);border-color:var(--cdBlue);color:#fff;box-shadow:0 4px 8px #688fe54d}.pageBtn.dots{cursor:default;color:var(--textTertiary);background:0 0;border:none}.pageBtn.dots:hover{background:0 0;border:none;transform:none}.paginationInfo{color:var(--textTertiary);font-size:.875rem;font-weight:500}@media (max-width:768px){.paginationContainer{flex-wrap:wrap;justify-content:center}.pageNumbers{order:3;justify-content:center;width:100%;margin-top:1rem}.paginationBtn{padding:.5rem .75rem;font-size:.75rem}.pageBtn{min-width:2rem;padding:.375rem .5rem;font-size:.75rem}.paginationInfo{font-size:.75rem}}
.blogSearch{flex:1;max-width:400px;position:relative}.searchInput{width:100%;position:relative}.searchInput input{border:1px solid var(--borderPrimary);background:var(--bgSecondary);width:100%;color:var(--textPrimary);box-shadow:0 2px 4px var(--glassBlack5);border-radius:.75rem;padding:.75rem 1rem .75rem 2.5rem;font-size:.875rem;transition:all .3s}.searchInput input:focus{border-color:var(--cdBlue);outline:none;box-shadow:0 0 0 3px #688fe51a}.searchInput input::placeholder{color:var(--textTertiary)}.searchIcon{width:1rem;height:1rem;color:var(--textTertiary);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.searchInput:focus-within .searchIcon{color:var(--cdBlue)}@media (max-width:768px){.blogSearch{width:100%;max-width:none}}
.blogCategories{border-bottom:1px solid var(--borderPrimary);margin-bottom:2rem;padding:1.5rem 0}.categoriesContainer{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.categoryBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;white-space:nowrap;border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.categoryBtn:hover{border-color:var(--cdBlue);color:var(--textPrimary);box-shadow:0 4px 8px var(--glassBlack10);transform:translateY(-1px)}.categoryBtn.active{background:var(--cdBlue);border-color:var(--cdBlue);color:#fff;box-shadow:0 4px 12px #688fe54d}.categoryBtn.active:hover{background:var(--cdBlueDark);border-color:var(--cdBlueDark);transform:translateY(-1px)}@media (max-width:768px){.categoriesContainer{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.categoriesContainer::-webkit-scrollbar{display:none}.categoryBtn{flex-shrink:0}}
.blogSection{background:var(--bgPrimary);min-height:80vh;padding:4rem 0}.blogContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.blogGrid{grid-template-columns:1fr 320px;align-items:start;gap:4rem;display:grid}@media (max-width:1024px){.blogGrid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.blogSection{padding:2rem 0}.blogContainer{padding:0 1rem}.blogGrid{gap:2rem}}
.blogsContainer{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;overflow:hidden}.blogsHeader{border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);padding:2rem}.blogsHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.blogsTitle{color:var(--textPrimary);margin:0;font-size:2rem;font-weight:700}.createBlogBtn{background:var(--cdBlue);color:#fff;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #688fe54d}.createBlogBtn:hover{background:var(--cdBlueDark);transform:translateY(-2px);box-shadow:0 8px 24px #688fe566}.createBlogIcon{width:1.25rem;height:1.25rem}.blogStatsGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.statCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}.statCard:hover{transform:translateY(-2px)}.statCardIcon{color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.totalIcon{background:var(--cdBlue)}.publishedIcon{background:#10b981}.draftIcon{background:#f59e0b}.viewsIcon{background:#8b5cf6}.statCardContent{flex:1}.statCardTitle{color:var(--textTertiary);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.statCardValue{color:var(--textPrimary);margin:0;font-size:2rem;font-weight:700}.blogsFilters{border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);padding:1.5rem 2rem}.filterToggle{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.filterToggle:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.filterIcon{width:1rem;height:1rem}.filterPanel{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1.5rem;display:grid}.filterGroup{flex-direction:column;gap:.5rem;display:flex}.filterGroup label{color:var(--textSecondary);font-size:.875rem;font-weight:600}.filterGroup select,.filterGroup input{border:1px solid var(--borderPrimary);background:var(--bgPrimary);color:var(--textPrimary);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .3s}.filterGroup select:focus,.filterGroup input:focus{border-color:var(--cdBlue);outline:none}.blogsTable{padding:2rem}.loadingState{text-align:center;color:var(--textTertiary);padding:3rem;font-size:1.125rem}.tableContainer{border:1px solid var(--borderPrimary);border-radius:.75rem;overflow-x:auto}.tableContainer table{border-collapse:collapse;background:var(--bgSecondary);width:100%}.tableContainer th{background:var(--bgTertiary);color:var(--textSecondary);text-align:left;border-bottom:1px solid var(--borderPrimary);padding:1rem;font-size:.875rem;font-weight:600}.tableContainer td{border-bottom:1px solid var(--borderPrimary);vertical-align:top;padding:1rem}.tableContainer tr:last-child td{border-bottom:none}.tableContainer tr:hover{background:var(--bgTertiary)}.blogTitleCell{max-width:300px}.blogTitle{color:var(--textPrimary);margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.4}.blogExcerpt{color:var(--textSecondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.statusBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;align-items:center;gap:.375rem;width:fit-content;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.statusBadge.orange{color:#d97706;background:#fef3c7}.statusBadge.green{color:#059669;background:#d1fae5}.statusBadge.gray{color:#6b7280;background:#f3f4f6}.statusIcon{width:.875rem;height:.875rem}.categoryBadge{background:var(--bgTertiary);color:var(--textSecondary);border-radius:.375rem;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.categoryIcon{width:.75rem;height:.75rem}.authorCell,.viewsCell,.dateCell{color:var(--textSecondary);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.authorIcon,.viewsIcon,.dateIcon{width:1rem;height:1rem}.actionsCell{align-items:center;gap:.5rem;display:flex}.actionBtn{border:1px solid var(--borderPrimary);background:var(--bgSecondary);width:2rem;height:2rem;color:var(--textSecondary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.actionBtn:hover{box-shadow:0 4px 8px var(--glassBlack10);transform:translateY(-1px)}.viewBtn:hover{border-color:var(--cdBlue);color:var(--cdBlue)}.editBtn:hover{color:#f59e0b;border-color:#f59e0b}.deleteBtn:hover{color:#ef4444;border-color:#ef4444}.actionIcon{width:1rem;height:1rem}.emptyState{text-align:center;padding:4rem 2rem}.emptyState h3{color:var(--textPrimary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.emptyState p{color:var(--textSecondary);margin-bottom:2rem}.pagination{border-top:1px solid var(--borderPrimary);background:var(--bgTertiary);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.paginationBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.paginationBtn:hover:not(:disabled){border-color:var(--cdBlue);color:var(--textPrimary)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{color:var(--textTertiary);font-size:.875rem;font-weight:500}.tagsGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.tagCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:1.5rem;transition:all .3s}.tagCard:hover{box-shadow:0 8px 24px var(--glassBlack10);transform:translateY(-2px)}.tagCardHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tagBadge{border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:flex}.tagActions{gap:.5rem;display:flex}.tagCardBody{flex-direction:column;gap:.75rem;display:flex}.tagSlug{color:var(--textTertiary);background:var(--bgTertiary);border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.tagDescription{color:var(--textSecondary);font-size:.875rem;line-height:1.5}.tagStats{border-top:1px solid var(--borderPrimary);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.tagPostCount{color:var(--textTertiary);font-size:.75rem;font-weight:600}.blogSearchSection{margin-bottom:1.5rem}.searchInputGroup{max-width:400px;position:relative}.searchIcon{width:1rem;height:1rem;color:var(--textTertiary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.searchInput{border:1px solid var(--borderPrimary);background:var(--bgSecondary);width:100%;color:var(--textPrimary);border-radius:.5rem;padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem;transition:all .3s}.searchInput:focus{border-color:var(--cdBlue);outline:none;box-shadow:0 0 0 3px #688fe51a}.categoryDescription{color:var(--textSecondary);font-size:.875rem;line-height:1.4}.categorySlug{background:var(--bgTertiary);color:var(--textTertiary);border:1px solid var(--borderPrimary);border-radius:.25rem;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.categoryPostCount{color:var(--textSecondary);font-size:.875rem;font-weight:500}.categoryIcon{width:1rem;height:1rem;color:var(--cdBlue);margin-right:.5rem}.tagPreview{background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.5rem;padding:.75rem}.tagPreview .tag{border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.emptyStateIcon{width:3rem;height:3rem;color:var(--textTertiary);margin-bottom:1rem}@media (max-width:1024px){.blogsHeaderTop{flex-direction:column;align-items:stretch}.blogStatsGrid{grid-template-columns:repeat(2,1fr)}.filterPanel{grid-template-columns:1fr}}@media (max-width:768px){.blogsContainer{margin:0 1rem}.blogsHeader,.blogsFilters,.blogsTable{padding:1rem}.blogStatsGrid{grid-template-columns:1fr}.tableContainer{font-size:.875rem}.tableContainer th,.tableContainer td{padding:.75rem .5rem}.blogTitleCell{max-width:200px}.actionsCell{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem}}
.createBlogContainer,.editBlogContainer{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;margin-bottom:2rem;overflow:hidden}.createBlogHeader,.editBlogHeader{border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;display:flex}.backBtn{color:var(--textTertiary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.backBtn:hover{color:var(--textAccent)}.backIcon{width:1rem;height:1rem}.createBlogTitle,.editBlogTitle{color:var(--textPrimary);margin:0;font-size:1.75rem;font-weight:700}.previewBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.previewBtn:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.previewIcon{width:1rem;height:1rem}.blogForm{flex-direction:column;gap:2rem;padding:2rem;display:flex}.formSection{background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:1.5rem}.sectionTitle{color:var(--textPrimary);border-bottom:1px solid var(--borderPrimary);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600}.formGroup{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.formGroup:last-child{margin-bottom:0}.formGroup label{color:var(--textSecondary);font-size:.875rem;font-weight:600}.formGroup input,.formGroup textarea,.formGroup select{border:1px solid var(--borderPrimary);background:var(--bgSecondary);color:var(--textPrimary);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .3s}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{border-color:var(--cdBlue);outline:none;box-shadow:0 0 0 3px #688fe51a}.formGroup textarea{resize:vertical;min-height:100px;line-height:1.6}.formRow{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.formHelp{color:var(--textTertiary);margin-top:.25rem;font-size:.75rem}.charCount{color:var(--textTertiary);text-align:right;margin-top:.25rem;font-size:.75rem}.imageUploadGroup{flex-direction:column;gap:1rem;display:flex}.imageUpload{border:2px dashed var(--borderPrimary);text-align:center;cursor:pointer;border-radius:.75rem;padding:2rem;transition:all .3s}.imageUpload:hover{border-color:var(--cdBlue);background:var(--bgTertiary)}.imageUploadLabel{color:var(--textSecondary);cursor:pointer;flex-direction:column;align-items:center;gap:.75rem;font-weight:500;display:flex}.uploadIcon{width:2rem;height:2rem;color:var(--textTertiary)}.imagePreview{border:1px solid var(--borderPrimary);border-radius:.5rem;display:inline-block;position:relative;overflow:hidden}.imagePreview img{width:100%;max-width:300px;height:auto;display:block}.removeImageBtn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;transition:background .3s;display:flex;position:absolute;top:.5rem;right:.5rem}.removeImageBtn:hover{background:#ef4444cc}.tagsGroup,.keywordsGroup{flex-direction:column;gap:1rem;display:flex}.tagInput,.keywordInput{gap:.5rem;display:flex}.tagInput input,.keywordInput input{flex:1;margin-bottom:0}.tagInput button,.keywordInput button{background:var(--cdBlue);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.75rem 1rem;font-weight:500;transition:background .3s}.tagInput button:hover,.keywordInput button:hover{background:var(--cdBlueDark)}.tagsList,.keywordsList{flex-wrap:wrap;gap:.5rem;display:flex}.tag,.keyword{background:var(--cdBlue);color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex}.removeTag,.removeKeyword{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.875rem;line-height:1;transition:background .3s;display:flex}.removeTag:hover,.removeKeyword:hover{background:#ffffff4d}.formActions{border-top:1px solid var(--borderPrimary);background:var(--bgTertiary);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.draftBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.draftBtn:hover:not(:disabled){border-color:var(--neutral400);color:var(--textPrimary)}.publishBtn{background:var(--cdBlue);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #688fe54d}.publishBtn:hover:not(:disabled){background:var(--cdBlueDark);transform:translateY(-1px);box-shadow:0 6px 16px #688fe566}.publishBtn:disabled,.draftBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.actionIcon{width:1rem;height:1rem}.blogPreview{padding:2rem}.blogPreview h2{color:var(--textPrimary);border-bottom:1px solid var(--borderPrimary);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem;font-weight:600}.previewContent{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.75rem;padding:2rem}.previewContent h1{color:var(--textPrimary);margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.3}.previewImage{object-fit:cover;border-radius:.5rem;width:100%;max-height:400px;margin:1.5rem 0}.previewMeta{color:var(--textTertiary);flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.previewBody{color:var(--textPrimary);line-height:1.8}.previewBody h1,.previewBody h2,.previewBody h3,.previewBody h4,.previewBody h5,.previewBody h6{color:var(--textPrimary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:700}.previewBody p{margin-bottom:1rem}.previewBody ul,.previewBody ol{margin-bottom:1rem;padding-left:1.5rem}.previewBody li{margin-bottom:.25rem}@media (max-width:1024px){.createBlogHeader,.editBlogHeader{flex-direction:column;align-items:stretch}.previewBtn{align-self:flex-end}}@media (max-width:768px){.createBlogContainer,.editBlogContainer{margin:0 1rem}.createBlogHeader,.editBlogHeader,.blogForm{padding:1rem}.formRow{grid-template-columns:1fr}.formActions{flex-direction:column;padding:1rem}.createBlogTitle,.editBlogTitle{font-size:1.5rem}.previewContent h1{font-size:1.75rem}.tagInput,.keywordInput{flex-direction:column}}
.adminBlogSection{background:var(--bgPrimary);min-height:100vh}.adminBlogContainer{max-width:1400px;margin:0 auto;padding:2rem}.loadingContainer{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1rem;justify-content:center;align-items:center;min-height:400px;display:flex}.loadingSpinner{color:var(--textTertiary);font-size:1.125rem}.errorContainer{background:var(--bgSecondary);border:1px solid var(--borderPrimary);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.errorContainer h2{color:var(--textPrimary);margin-bottom:1rem}.errorContainer .backBtn{background:var(--cdBlue);color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .3s;display:flex}.errorContainer .backBtn:hover{background:var(--cdBlueDark)}.backIcon{width:1rem;height:1rem}.errorMessage{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-weight:500}
.rich-text-editor{font-family:inherit}.rich-text-editor .toolbar{background:var(--bgTertiary);border-bottom:1px solid var(--borderSecondary);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.75rem;display:flex}.rich-text-editor .toolbar button{width:2rem;height:2rem;color:var(--textSecondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.rich-text-editor .toolbar button:hover:not(:disabled){background:var(--bgSecondary);color:var(--textPrimary)}.rich-text-editor .toolbar button:disabled{opacity:.5;cursor:not-allowed}.rich-text-editor .toolbar button[data-active=true]{background:var(--cdBlue);border-color:var(--cdBlue);color:#fff}.rich-text-editor .toolbar select{border:1px solid var(--borderSecondary);background:var(--bgPrimary);color:var(--textPrimary);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem}.rich-text-editor .toolbar select:focus{border-color:var(--cdBlue);outline:none}.rich-text-editor .editor-content{position:relative}.rich-text-editor .editor-content .ProseMirror{background:var(--bgPrimary);min-height:200px;color:var(--textPrimary);outline:none;padding:1rem;line-height:1.6}.rich-text-editor .editor-content .ProseMirror p{margin:0 0 1rem}.rich-text-editor .editor-content .ProseMirror p:last-child{margin-bottom:0}.rich-text-editor .editor-content .ProseMirror h1,.rich-text-editor .editor-content .ProseMirror h2,.rich-text-editor .editor-content .ProseMirror h3,.rich-text-editor .editor-content .ProseMirror h4,.rich-text-editor .editor-content .ProseMirror h5,.rich-text-editor .editor-content .ProseMirror h6{margin:1.5rem 0 .75rem;font-weight:600;line-height:1.3}.rich-text-editor .editor-content .ProseMirror h1{font-size:2rem}.rich-text-editor .editor-content .ProseMirror h2{font-size:1.75rem}.rich-text-editor .editor-content .ProseMirror h3{font-size:1.5rem}.rich-text-editor .editor-content .ProseMirror h4{font-size:1.25rem}.rich-text-editor .editor-content .ProseMirror h5{font-size:1.125rem}.rich-text-editor .editor-content .ProseMirror h6{font-size:1rem}.rich-text-editor .editor-content .ProseMirror ul,.rich-text-editor .editor-content .ProseMirror ol{margin:1rem 0;padding-left:1.5rem}.rich-text-editor .editor-content .ProseMirror ul li,.rich-text-editor .editor-content .ProseMirror ol li{margin:.25rem 0}.rich-text-editor .editor-content .ProseMirror blockquote{border-left:4px solid var(--cdBlue);color:var(--textSecondary);margin:1rem 0;padding-left:1rem;font-style:italic}.rich-text-editor .editor-content .ProseMirror code{background:var(--bgTertiary);border-radius:.25rem;padding:.125rem .25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.rich-text-editor .editor-content .ProseMirror pre{background:var(--bgTertiary);border-radius:.5rem;margin:1rem 0;padding:1rem;overflow-x:auto}.rich-text-editor .editor-content .ProseMirror pre code{background:0 0;padding:0}.rich-text-editor .editor-content .ProseMirror a{color:var(--cdBlue);text-decoration:underline}.rich-text-editor .editor-content .ProseMirror a:hover{color:var(--cdBlueHover)}.rich-text-editor .editor-content .ProseMirror img{border-radius:.5rem;max-width:100%;height:auto;margin:1rem 0}.rich-text-editor .editor-content .ProseMirror strong{font-weight:600}.rich-text-editor .editor-content .ProseMirror em{font-style:italic}.rich-text-editor .editor-content .ProseMirror u{text-decoration:underline}.rich-text-editor .editor-content .ProseMirror mark{background:#fef3c7;border-radius:.25rem;padding:.125rem .25rem}.rich-text-editor .editor-content .ProseMirror .has-focus{border-radius:3px;box-shadow:0 0 0 3px #688fe51a}.rich-text-editor .editor-content .ProseMirror [style*="text-align: left"]{text-align:left}.rich-text-editor .editor-content .ProseMirror [style*="text-align: center"]{text-align:center}.rich-text-editor .editor-content .ProseMirror [style*="text-align: right"]{text-align:right}.rich-text-editor .editor-content .ProseMirror [style*="text-align: justify"]{text-align:justify}.rich-text-editor .character-count{background:var(--bgTertiary);border-top:1px solid var(--borderSecondary);color:var(--textTertiary);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.75rem;display:flex}.rich-text-editor .ProseMirror p.is-editor-empty:first-child:before{color:var(--textTertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.rich-text-editor:focus-within{border-color:var(--cdBlue);outline:none;box-shadow:0 0 0 3px #688fe51a}@media (max-width:768px){.rich-text-editor .toolbar{gap:.125rem;padding:.5rem}.rich-text-editor .toolbar button{width:1.75rem;height:1.75rem}.rich-text-editor .toolbar select{padding:.125rem .25rem;font-size:.75rem}.rich-text-editor .editor-content .ProseMirror{min-height:150px;padding:.75rem}.rich-text-editor .editor-content .ProseMirror h1{font-size:1.5rem}.rich-text-editor .editor-content .ProseMirror h2{font-size:1.375rem}.rich-text-editor .editor-content .ProseMirror h3{font-size:1.25rem}}.rich-text-editor .editor-content .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0;overflow:hidden}.rich-text-editor .editor-content .ProseMirror table td,.rich-text-editor .editor-content .ProseMirror table th{border:1px solid var(--borderSecondary);vertical-align:top;box-sizing:border-box;min-width:1em;padding:.5rem .75rem;position:relative}.rich-text-editor .editor-content .ProseMirror table th{text-align:left;background:var(--bgTertiary);font-weight:600}.rich-text-editor .editor-content .ProseMirror table .selectedCell:after{z-index:2;content:"";pointer-events:none;background:#688fe51a;position:absolute;inset:0}.rich-text-editor .editor-content .ProseMirror table .column-resize-handle{z-index:20;background-color:var(--cdBlue);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.rich-text-editor .editor-content .ProseMirror table p{margin:0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList]{padding:0;list-style:none}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] p{margin:0}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li{align-items:flex-start;margin:.25rem 0;display:flex}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-right:.5rem}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li>div{flex:auto}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] input[type=checkbox]{cursor:pointer}.rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:var(--textTertiary);text-decoration:line-through}.rich-text-editor .editor-content .ProseMirror hr{border:none;border-top:1px solid var(--borderSecondary);margin:2rem 0}.rich-text-editor .editor-content .ProseMirror sub{vertical-align:sub;font-size:smaller}.rich-text-editor .editor-content .ProseMirror sup{vertical-align:super;font-size:smaller}.rich-text-editor .editor-content .ProseMirror pre{border:1px solid var(--borderSecondary);background:#f8f9fa;border-radius:.5rem;margin:1rem 0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;position:relative;overflow-x:auto}.rich-text-editor .editor-content .ProseMirror pre:before{content:"Code";color:var(--textTertiary);font-family:inherit;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.rich-text-editor .editor-content .ProseMirror pre code{color:inherit;background:0 0;padding:0;font-size:.875rem}.rich-text-editor .editor-content .ProseMirror pre .hljs-comment,.rich-text-editor .editor-content .ProseMirror pre .hljs-quote{color:#6a737d}.rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,.rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag,.rich-text-editor .editor-content .ProseMirror pre .hljs-literal,.rich-text-editor .editor-content .ProseMirror pre .hljs-section,.rich-text-editor .editor-content .ProseMirror pre .hljs-link{color:#d73a49}.rich-text-editor .editor-content .ProseMirror pre .hljs-string{color:#032f62}.rich-text-editor .editor-content .ProseMirror pre .hljs-number,.rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,.rich-text-editor .editor-content .ProseMirror pre .hljs-variable,.rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable{color:#005cc5}.rich-text-editor .editor-content .ProseMirror pre .hljs-function .hljs-title{color:#6f42c1}.rich-text-editor .toolbar input[type=color]{appearance:none;border:1px solid var(--borderSecondary);cursor:pointer;background-color:#0000}.rich-text-editor .toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.rich-text-editor .toolbar input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.rich-text-editor .toolbar input[type=color]::-moz-color-swatch{border:none;border-radius:.25rem}.rich-text-editor .editor-content .ProseMirror .typographyQuote{quotes:"\"" "\"" """ """}.rich-text-editor .editor-content .ProseMirror .typographyQuote:before{content:open-quote}.rich-text-editor .editor-content .ProseMirror .typographyQuote:after{content:close-quote}.rich-text-editor .editor-content .ProseMirror-focused{outline:none}.rich-text-editor .editor-content .ProseMirror ::selection{background:#688fe533}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor{pointer-events:none;display:none;position:absolute}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor:after{content:"";border-top:1px solid var(--textPrimary);width:20px;animation:1.1s steps(2,start) infinite ProseMirror-cursor-blink;display:block;position:absolute;top:-2px}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor.ProseMirror-gapcursor-left:after{border-left:1px solid var(--textPrimary);margin-left:-1px}.rich-text-editor .editor-content .ProseMirror .ProseMirror-gapcursor.ProseMirror-gapcursor-right:after{border-right:1px solid var(--textPrimary);margin-right:-1px}@media (prefers-color-scheme:dark){.rich-text-editor .editor-content .ProseMirror mark{color:#fbbf24;background:#92400e}.rich-text-editor .editor-content .ProseMirror pre{background:#1a1a1a;border-color:#333}.rich-text-editor .editor-content .ProseMirror table th{background:#2a2a2a}.rich-text-editor .editor-content .ProseMirror pre .hljs-comment,.rich-text-editor .editor-content .ProseMirror pre .hljs-quote{color:#999}.rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,.rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag,.rich-text-editor .editor-content .ProseMirror pre .hljs-literal,.rich-text-editor .editor-content .ProseMirror pre .hljs-section,.rich-text-editor .editor-content .ProseMirror pre .hljs-link{color:#f97583}.rich-text-editor .editor-content .ProseMirror pre .hljs-string{color:#9ecbff}.rich-text-editor .editor-content .ProseMirror pre .hljs-number,.rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,.rich-text-editor .editor-content .ProseMirror pre .hljs-variable,.rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable{color:#79b8ff}.rich-text-editor .editor-content .ProseMirror pre .hljs-function .hljs-title{color:#b392f0}}
.portfolioHeroSplit{background:var(--bgPrimary);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.portfolioHeroLeft{z-index:2;flex:1;max-width:60%;padding:4rem 6rem}.portfolioHeroContent{max-width:640px}.portfolioHeroTagline{background:var(--gradientPrimary);color:var(--textPrimary);border:1px solid var(--cardBorder);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioHeroTaglineIcon{width:1rem;height:1rem;color:var(--cdBlue)}.portfolioHeroTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.portfolioHeroTitleGradient{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolioHeroSubtitle{color:var(--textSecondary);margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.portfolioHeroStatsGrid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.portfolioHeroStatCard{background:var(--cardBg);border:1px solid var(--cardBorder);cursor:default;border-radius:1rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}.portfolioHeroStatCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-4px)scale(1.02)}.portfolioHeroStatValue{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.portfolioHeroStatLabel{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.portfolioHeroActions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.portfolioHeroPrimaryBtn,.portfolioHeroSecondaryBtn{cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.portfolioHeroPrimaryBtn{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:#fff;box-shadow:var(--shadowMd);border:none}.portfolioHeroPrimaryBtn:hover{box-shadow:var(--shadowLg);transform:scale(1.02)translateY(-2px)}.portfolioHeroSecondaryBtn{background:var(--cardBg);color:var(--textPrimary);border:1px solid var(--cardBorder)}.portfolioHeroSecondaryBtn:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:scale(1.02)translateY(-2px)}.portfolioHeroBtnIcon{width:1.25rem;height:1.25rem}.portfolioHeroMERNBadges{flex-wrap:wrap;gap:.75rem;display:flex}.portfolioHeroMERNBadge{background:var(--cardBg);border:2px solid var(--tech-color);color:var(--tech-color);cursor:default;text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s}.portfolioHeroMERNBadge:hover{transform:scale(1.1)translateY(-4px);box-shadow:0 8px 20px #00000026}.portfolioHeroRight{flex:1;max-width:40%;height:100vh;position:relative}.portfolioHeroImageWrapper,.portfolioHeroImagePlaceholder{width:100%;height:100%;position:relative}.portfolioHeroImage{object-fit:cover;object-position:center}.portfolioHeroImageOverlay{pointer-events:none;background:linear-gradient(135deg,#00a0e326 0%,#00c3ff1a 100%);position:absolute;inset:0}.portfolioHeroImageOrb{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#00a0e34d,#00c3ff1a,#0000);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:absolute;top:20%;right:10%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.portfolioHeroScroll{color:var(--textSecondary);z-index:3;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.portfolioHeroScrollIcon{width:1.5rem;height:1.5rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media (max-width:1200px){.portfolioHeroLeft{padding:3rem 4rem}.portfolioHeroTitle{font-size:3rem}}@media (max-width:1024px){.portfolioHeroSplit{flex-direction:column;min-height:auto}.portfolioHeroLeft,.portfolioHeroRight{width:100%;max-width:100%}.portfolioHeroLeft{padding:4rem 2rem}.portfolioHeroRight{order:-1;height:60vh}.portfolioHeroTitle{font-size:2.5rem}.portfolioHeroSubtitle{font-size:1.125rem}}@media (max-width:768px){.portfolioHeroLeft{padding:3rem 1.5rem}.portfolioHeroTitle{font-size:2rem}.portfolioHeroSubtitle{margin-bottom:2rem;font-size:1rem}.portfolioHeroStatsGrid{grid-template-columns:1fr;gap:.75rem;margin-bottom:2rem}.portfolioHeroStatCard{padding:1.25rem}.portfolioHeroStatValue{font-size:1.75rem}.portfolioHeroActions{flex-direction:column;gap:.75rem;margin-bottom:2rem}.portfolioHeroPrimaryBtn,.portfolioHeroSecondaryBtn{justify-content:center;width:100%;padding:.875rem 1.5rem}.portfolioHeroMERNBadges{gap:.5rem}.portfolioHeroMERNBadge{padding:.375rem 1rem;font-size:.75rem}.portfolioHeroRight{height:50vh}.portfolioHeroImageOrb{width:250px;height:250px}}@media (max-width:480px){.portfolioHeroTitle{font-size:1.75rem}.portfolioHeroTagline{padding:.375rem .75rem;font-size:.75rem}.portfolioHeroRight{height:40vh}}
.portfolioIdentityNew{background:var(--bgPrimary);padding:8rem 2rem;position:relative;overflow:hidden}.portfolioIdentityContainer{max-width:1400px;margin:0 auto}.portfolioIdentityHeader{text-align:center;margin-bottom:4rem}.portfolioIdentityLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioIdentityTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.portfolioIdentitySubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.portfolioIdentityStatement{text-align:center;max-width:900px;margin:0 auto 5rem}.portfolioIdentityStatementText{color:var(--textSecondary);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.8}.portfolioIdentityStatementHighlight{color:var(--textPrimary);font-weight:700}.portfolioIdentityStatementAccent{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.portfolioIdentityTagline{color:var(--textSecondary);background:var(--cardBg);border-left:4px solid var(--cdBlue);border-radius:.5rem;margin-top:2rem;padding:2rem;font-size:1.125rem;font-style:italic;line-height:1.7}.portfolioIdentityTeamPhoto{max-width:1200px;margin:0 auto 5rem}.portfolioIdentityTeamImageWrapper{width:100%;height:400px;box-shadow:var(--shadowLg);border-radius:1.5rem;position:relative;overflow:hidden}.portfolioIdentityTeamImage{object-fit:cover;object-position:center}.portfolioIdentityTeamOverlay{background:linear-gradient(135deg,#00a0e333 0%,#00c3ff1a 100%);align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.portfolioIdentityTeamBadge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000000b3;border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;display:inline-flex}.portfolioIdentityTeamBadgeIcon{width:1.5rem;height:1.5rem;color:var(--cdCyan)}.portfolioIdentityPillarsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem;display:grid}.portfolioIdentityPillarCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;cursor:default;border-radius:1.5rem;padding:3rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolioIdentityPillarCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.portfolioIdentityPillarNumber{color:var(--cardBorder);font-size:3rem;font-weight:900;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.portfolioIdentityPillarIconLarge{z-index:1;border-radius:2rem;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex;position:relative}.portfolioIdentityPillarIconSVG{color:#fff;stroke-width:1.5px;width:60px;height:60px}.portfolioIdentityPillarTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.portfolioIdentityPillarDescription{color:var(--textSecondary);font-size:1rem;line-height:1.7}.portfolioIdentityPillarGlow{opacity:0;filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolioIdentityPillarCard:hover .portfolioIdentityPillarGlow{opacity:.15}@media (max-width:1024px){.portfolioIdentityNew{padding:6rem 2rem}.portfolioIdentityTitle{font-size:2.5rem}.portfolioIdentitySubtitle{font-size:1.125rem}.portfolioIdentityPillarsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.portfolioIdentityNew{padding:4rem 1.5rem}.portfolioIdentityTitle{font-size:2rem}.portfolioIdentitySubtitle{font-size:1rem}.portfolioIdentityStatementText{font-size:1.125rem}.portfolioIdentityTagline{padding:1.5rem;font-size:1rem}.portfolioIdentityTeamImageWrapper{height:300px}.portfolioIdentityTeamBadge{padding:.75rem 1.5rem;font-size:1rem}.portfolioIdentityPillarsGrid{grid-template-columns:1fr;gap:1.25rem}.portfolioIdentityPillarCard{padding:2.5rem 1.5rem}.portfolioIdentityPillarIconLarge{width:100px;height:100px;margin-bottom:1.5rem}.portfolioIdentityPillarIconSVG{width:50px;height:50px}.portfolioIdentityPillarTitle{font-size:1.25rem}.portfolioIdentityPillarDescription{font-size:.9375rem}.portfolioIdentityPillarNumber{font-size:2rem;top:1rem;right:1rem}}@media (max-width:480px){.portfolioIdentityTitle{font-size:1.75rem}.portfolioIdentityTeamImageWrapper{height:250px}.portfolioIdentityPillarIconLarge{width:80px;height:80px}.portfolioIdentityPillarIconSVG{width:40px;height:40px}}
.portfolioLeadershipNew{background:var(--bgSecondary);padding:8rem 2rem;position:relative;overflow:hidden}.portfolioLeadershipContainer{max-width:1400px;margin:0 auto}.portfolioLeadershipHeader{text-align:center;margin-bottom:5rem}.portfolioLeadershipLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioLeadershipTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.portfolioLeadershipSubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.25rem}.portfolioLeadershipGrid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;display:grid}.portfolioLeadershipCardGlitch{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;cursor:default;border-radius:2rem;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:visible}.portfolioLeadershipCardGlitch:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.portfolioLeadershipGlitchFrame{pointer-events:none;z-index:10;position:absolute;inset:-2px}.portfolioLeadershipGlitchCorner{border:3px solid var(--cdBlue);width:40px;height:40px;position:absolute}.portfolioLeadershipGlitchTL{border-bottom:none;border-right:none;border-top-left-radius:2rem;animation:3s ease-in-out infinite glitchTL;top:0;left:0}.portfolioLeadershipGlitchTR{border-bottom:none;border-left:none;border-top-right-radius:2rem;animation:3s ease-in-out .75s infinite glitchTR;top:0;right:0}.portfolioLeadershipGlitchBL{border-top:none;border-right:none;border-bottom-left-radius:2rem;animation:3s ease-in-out 1.5s infinite glitchBL;bottom:0;left:0}.portfolioLeadershipGlitchBR{border-top:none;border-left:none;border-bottom-right-radius:2rem;animation:3s ease-in-out 2.25s infinite glitchBR;bottom:0;right:0}@keyframes glitchTL{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.5;transform:translate(-5px,-5px)}94%{opacity:1;transform:translate(3px,2px)}96%{opacity:.7;transform:translate(-2px,-3px)}}@keyframes glitchTR{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.5;transform:translate(5px,-5px)}94%{opacity:1;transform:translate(-3px,2px)}96%{opacity:.7;transform:translate(2px,-3px)}}@keyframes glitchBL{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.5;transform:translate(-5px,5px)}94%{opacity:1;transform:translate(3px,-2px)}96%{opacity:.7;transform:translate(-2px,3px)}}@keyframes glitchBR{0%,90%,to{opacity:1;transform:translate(0)}92%{opacity:.5;transform:translate(5px,5px)}94%{opacity:1;transform:translate(-3px,-2px)}96%{opacity:.7;transform:translate(2px,3px)}}.portfolioLeadershipImageWrapper{border:3px solid;border-radius:1rem;width:200px;height:200px;margin:0 auto 2rem;padding:4px;position:relative}.portfolioLeadershipSquareImage{background:var(--bgPrimary);border-radius:.75rem;width:100%;height:100%;position:relative;overflow:hidden}.portfolioLeadershipImage{object-fit:cover;object-position:center}.portfolioLeadershipContent{z-index:1;position:relative}.portfolioLeadershipName{color:var(--textPrimary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.portfolioLeadershipRole{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1rem;font-weight:600}.portfolioLeadershipBadges{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.portfolioLeadershipBadge{background:var(--cardBg);border:2px solid var(--cardBorder);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .3s}.portfolioLeadershipBadge:hover{border-color:var(--cdBlue);transform:scale(1.05)}.portfolioLeadershipBio{color:var(--textSecondary);text-align:left;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.portfolioLeadershipQuote{background:var(--gradientPrimary);border-left:4px solid var(--cdBlue);text-align:left;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;position:relative}.portfolioLeadershipQuoteIcon{width:1.5rem;height:1.5rem;color:var(--cdBlue);opacity:.3;position:absolute;top:1rem;left:1rem}.portfolioLeadershipQuoteText{color:var(--textSecondary);padding-left:2rem;font-size:1rem;font-style:italic;line-height:1.7}.portfolioLeadershipLinkedIn{color:#0077b5;background:#0077b51a;border:1px solid #0077b533;border-radius:.75rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.portfolioLeadershipLinkedIn:hover{background:#0077b533;border-color:#0077b5;transform:scale(1.05)}.portfolioLeadershipGlow{opacity:0;filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolioLeadershipCardGlitch:hover .portfolioLeadershipGlow{opacity:.15}@media (max-width:1024px){.portfolioLeadershipNew{padding:6rem 2rem}.portfolioLeadershipTitle{font-size:2.5rem}.portfolioLeadershipSubtitle{font-size:1.125rem}.portfolioLeadershipGrid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width:768px){.portfolioLeadershipNew{padding:4rem 1.5rem}.portfolioLeadershipTitle{font-size:2rem}.portfolioLeadershipSubtitle{font-size:1rem}.portfolioLeadershipCardGlitch{padding:2.5rem 2rem}.portfolioLeadershipImageWrapper{width:160px;height:160px}.portfolioLeadershipGlitchCorner{width:30px;height:30px}.portfolioLeadershipName{font-size:1.75rem}.portfolioLeadershipRole,.portfolioLeadershipBio,.portfolioLeadershipQuoteText{font-size:.9375rem}}@media (max-width:480px){.portfolioLeadershipCardGlitch{padding:2rem 1.5rem}.portfolioLeadershipImageWrapper{width:140px;height:140px}.portfolioLeadershipGlitchCorner{border-width:2px;width:25px;height:25px}.portfolioLeadershipName{font-size:1.5rem}.portfolioLeadershipBadges{gap:.5rem}.portfolioLeadershipBadge{padding:.375rem .75rem;font-size:.8125rem}.portfolioLeadershipLinkedIn{padding:.625rem 1.25rem;font-size:.875rem}}
.portfolioCapabilities{background:var(--bgPrimary);padding:6rem 2rem;position:relative}.portfolioCapabilitiesContainer{max-width:1400px;margin:0 auto}.portfolioCapabilitiesHeader{text-align:center;margin-bottom:4rem}.portfolioCapabilitiesLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioCapabilitiesTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.portfolioCapabilitiesSubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.portfolioCapabilitiesSlider{padding:0 60px;position:relative}.portfolioCapabilitiesTrack{scroll-behavior:smooth;scrollbar-width:none;gap:2rem;padding:2rem 0;display:flex;overflow-x:auto}.portfolioCapabilitiesTrack::-webkit-scrollbar{display:none}.portfolioCapabilitiesArrow{background:var(--cardBg);border:1px solid var(--cardBorder);cursor:pointer;z-index:10;width:48px;height:48px;box-shadow:var(--shadowMd);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolioCapabilitiesArrow:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.portfolioCapabilitiesArrow svg{width:20px;height:20px;color:var(--textPrimary)}.portfolioCapabilitiesArrowLeft{left:0}.portfolioCapabilitiesArrowRight{right:0}.portfolioCapabilityCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;width:320px;box-shadow:var(--shadowMd);border-radius:1rem;flex-direction:column;flex-shrink:0;align-items:center;gap:1.5rem;padding:2.5rem 2rem;transition:all .3s;display:flex}.portfolioCapabilityCard:hover{box-shadow:var(--shadowLg);border-color:var(--cdBlue);transform:translateY(-4px)}.portfolioCapabilityIcon{background:var(--gradientPrimary);border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s;display:flex}.portfolioCapabilityCard:hover .portfolioCapabilityIcon{transform:scale(1.1)}.portfolioCapabilityIcon svg{width:32px;height:32px;color:var(--cdBlue);stroke-width:2px}.portfolioCapabilityTitle{color:var(--textPrimary);font-size:1.25rem;font-weight:700;line-height:1.3}.portfolioCapabilityDesc{color:var(--textSecondary);font-size:.9375rem;line-height:1.6}@media (max-width:1024px){.portfolioCapabilities{padding:5rem 2rem}.portfolioCapabilitiesTitle{font-size:2rem}.portfolioCapabilityCard{width:280px;padding:2rem 1.5rem}.portfolioCapabilityIcon{width:56px;height:56px}.portfolioCapabilityIcon svg{width:28px;height:28px}.portfolioCapabilityTitle{font-size:1.125rem}.portfolioCapabilityDesc{font-size:.875rem}}@media (max-width:768px){.portfolioCapabilities{padding:4rem 1.5rem}.portfolioCapabilitiesHeader{margin-bottom:3rem}.portfolioCapabilitiesTitle{font-size:1.75rem}.portfolioCapabilitiesSubtitle{font-size:1rem}.portfolioCapabilitiesSlider{padding:0 50px}.portfolioCapabilitiesArrow{width:44px;height:44px}.portfolioCapabilitiesArrow svg{width:18px;height:18px}.portfolioCapabilityCard{width:260px}}@media (max-width:480px){.portfolioCapabilities{padding:3rem 1rem}.portfolioCapabilitiesTitle{font-size:1.5rem}.portfolioCapabilitiesSlider{padding:0 40px}.portfolioCapabilitiesTrack{gap:1rem}.portfolioCapabilityCard{width:240px;padding:1.75rem 1.25rem}.portfolioCapabilityIcon{width:52px;height:52px}.portfolioCapabilityIcon svg{width:26px;height:26px}.portfolioCapabilityTitle{font-size:1rem}}
.cdProcessTimeline{background:var(--bgSecondary);padding:8rem 2rem;position:relative}.cdProcessContainer{max-width:1200px;margin:0 auto}.cdProcessHeader{text-align:center;margin-bottom:5rem}.cdProcessLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.cdProcessTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.cdProcessSubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.cdProcessPath{padding:3rem 0;position:relative}.cdProcessLine{z-index:0;background:linear-gradient(#00d4ff,#00ffd1,#0f8,gold,#ff6b00);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cdProcessPhases{z-index:1;flex-direction:column;gap:4rem;display:flex;position:relative}.cdProcessPhase{justify-content:center;align-items:center;gap:3rem;display:flex;position:relative}.cdProcessPhase:nth-child(2n){flex-direction:row-reverse}.cdProcessNode{background:var(--bgSecondary);z-index:2;border:3px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;transition:transform .3s;display:flex;position:relative}.cdProcessPhase:hover .cdProcessNode{transform:scale(1.1)}.cdProcessNodeGlow{opacity:.3;filter:blur(20px);pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.cdProcessNodeCircle{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.cdProcessNodeIcon{color:#fff;stroke-width:2px;width:40px;height:40px}.cdProcessContent{flex:1;max-width:500px}.cdProcessNumber{letter-spacing:.1em;margin-bottom:.5rem;font-size:.875rem;font-weight:900;display:block}.cdProcessPhaseTitle{color:var(--textPrimary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.cdProcessPhaseDesc{color:var(--textSecondary);font-size:1.0625rem;line-height:1.7}@media (max-width:1024px){.cdProcessTimeline{padding:6rem 2rem}.cdProcessTitle{font-size:2.5rem}.cdProcessSubtitle{font-size:1.125rem}.cdProcessPhase{gap:2rem}.cdProcessNode{width:90px;height:90px}.cdProcessNodeCircle{width:70px;height:70px}.cdProcessNodeIcon{width:36px;height:36px}.cdProcessPhaseTitle{font-size:1.5rem}.cdProcessPhaseDesc{font-size:1rem}}@media (max-width:768px){.cdProcessTimeline{padding:4rem 1.5rem}.cdProcessTitle{font-size:2rem}.cdProcessSubtitle{font-size:1rem}.cdProcessHeader{margin-bottom:3rem}.cdProcessLine{left:45px}.cdProcessPhase,.cdProcessPhase:nth-child(2n){flex-direction:row;justify-content:flex-start;gap:2rem}.cdProcessNode{width:80px;height:80px}.cdProcessNodeCircle{width:64px;height:64px}.cdProcessNodeIcon{width:32px;height:32px}.cdProcessContent{max-width:100%}.cdProcessPhaseTitle{font-size:1.375rem}.cdProcessPhaseDesc{font-size:.9375rem}}@media (max-width:480px){.cdProcessTimeline{padding:3rem 1rem}.cdProcessTitle{font-size:1.75rem}.cdProcessLine{left:35px}.cdProcessPhase,.cdProcessPhase:nth-child(2n){gap:1.5rem}.cdProcessNode{width:70px;height:70px}.cdProcessNodeCircle{width:56px;height:56px}.cdProcessNodeIcon{width:28px;height:28px}.cdProcessPhaseTitle{font-size:1.25rem}.cdProcessPhaseDesc{font-size:.875rem}}
.portfolioCaseStudiesNew{background:var(--bgPrimary);padding:8rem 2rem;position:relative;overflow:hidden}.portfolioCaseStudiesContainer{max-width:1400px;margin:0 auto}.portfolioCaseStudiesHeader{text-align:center;margin-bottom:5rem}.portfolioCaseStudiesLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioCaseStudiesTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.portfolioCaseStudiesSubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.portfolioCaseStudiesGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center;gap:2.5rem;margin-bottom:4rem;display:grid}.portfolioCaseStudyCardNew{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowMd);border-radius:1.5rem;width:100%;max-width:450px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolioCaseStudyCardNew:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.portfolioCaseStudyImageWrapper{width:100%;height:280px;position:relative;overflow:hidden}.portfolioCaseStudyImage{object-fit:cover;object-position:center;transition:transform .4s}.portfolioCaseStudyCardNew:hover .portfolioCaseStudyImage{transform:scale(1.1)}.portfolioCaseStudyImageOverlay{opacity:.5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;position:absolute;inset:0}.portfolioCaseStudyEmoji{filter:drop-shadow(0 4px 12px #0000004d);z-index:2;font-size:3rem;position:absolute;top:1.5rem;right:1.5rem}.portfolioCaseStudyContent{padding:2rem}.portfolioCaseStudyBadges{margin-bottom:1rem}.portfolioCaseStudyBadge{background:var(--cardBg);border:2px solid var(--cardBorder);color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.375rem .875rem;font-size:.875rem;font-weight:700;display:inline-block}.portfolioCaseStudyClient{color:var(--textSecondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.portfolioCaseStudyTitle{color:var(--textPrimary);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.3}.portfolioCaseStudyDescription{color:var(--textSecondary);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}.portfolioCaseStudyMetrics{border-top:1px solid var(--cardBorder);border-bottom:1px solid var(--cardBorder);grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:grid}.portfolioCaseStudyMetric{text-align:center}.portfolioCaseStudyMetricValue{margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1;display:block}.portfolioCaseStudyMetricLabel{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.portfolioCaseStudyTech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.portfolioCaseStudyTechBadge{background:var(--gradientPrimary);color:var(--textSecondary);border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.portfolioCaseStudyImpact{color:var(--textSecondary);background:var(--gradientPrimary);border-left:3px solid var(--cdBlue);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9375rem;font-style:italic;line-height:1.6}.portfolioCaseStudyActions{gap:1rem;display:flex}.portfolioCaseStudyLink{color:#fff;box-shadow:var(--shadowMd);border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.portfolioCaseStudyLink:hover{box-shadow:var(--shadowLg)}.portfolioCaseStudyLinkIcon{width:1.125rem;height:1.125rem}.portfolioCaseStudiesViewAll{text-align:center;margin-top:3rem}.portfolioCaseStudiesViewAllBtn{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:#fff;box-shadow:var(--shadowMd);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.portfolioCaseStudiesViewAllBtn:hover{box-shadow:var(--shadowLg)}.portfolioCaseStudiesViewAllBtnIcon{width:1.25rem;height:1.25rem}@media (max-width:1024px){.portfolioCaseStudiesNew{padding:6rem 2rem}.portfolioCaseStudiesTitle{font-size:2.5rem}.portfolioCaseStudiesSubtitle{font-size:1.125rem}.portfolioCaseStudiesGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width:768px){.portfolioCaseStudiesNew{padding:4rem 1.5rem}.portfolioCaseStudiesTitle{font-size:2rem}.portfolioCaseStudiesSubtitle{font-size:1rem}.portfolioCaseStudiesGrid{grid-template-columns:1fr;gap:1.5rem}.portfolioCaseStudyImageWrapper{height:220px}.portfolioCaseStudyEmoji{font-size:2.5rem;top:1rem;right:1rem}.portfolioCaseStudyContent{padding:1.5rem}.portfolioCaseStudyTitle{font-size:1.375rem}.portfolioCaseStudyDescription{font-size:.875rem}.portfolioCaseStudyMetrics{gap:.75rem}.portfolioCaseStudyMetricValue{font-size:1.25rem}.portfolioCaseStudyMetricLabel{font-size:.6875rem}}@media (max-width:480px){.portfolioCaseStudyImageWrapper{height:180px}.portfolioCaseStudyEmoji{font-size:2rem}.portfolioCaseStudyContent{padding:1.25rem}.portfolioCaseStudyTitle{font-size:1.25rem}.portfolioCaseStudyMetrics{grid-template-columns:repeat(3,1fr);gap:.5rem}.portfolioCaseStudyMetricValue{font-size:1.125rem}.portfolioCaseStudyTech{gap:.375rem}.portfolioCaseStudyTechBadge{padding:.25rem .625rem;font-size:.75rem}.portfolioCaseStudyLink{padding:.75rem 1.5rem;font-size:.875rem}.portfolioCaseStudiesViewAllBtn{padding:.875rem 2rem;font-size:.9375rem}}
.portfolioClientsNew{background:var(--bgSecondary);padding:8rem 2rem;position:relative;overflow:hidden}.portfolioClientsContainer{max-width:1400px;margin:0 auto}.portfolioClientsHeader{text-align:center;margin-bottom:5rem}.portfolioClientsLabel{background:var(--gradientPrimary);border:1px solid var(--cardBorder);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.portfolioClientsTitle{color:var(--textPrimary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.portfolioClientsSubtitle{color:var(--textSecondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.portfolioClientsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.portfolioClientCard{background:var(--cardBg);border:1px solid var(--cardBorder);cursor:default;border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.portfolioClientCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.portfolioClientCardInner{text-align:center;flex-direction:column;align-items:center;display:flex}.portfolioClientLogoCircle{width:100px;height:100px;box-shadow:var(--shadowMd);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .3s;display:flex}.portfolioClientCard:hover .portfolioClientLogoCircle{transform:scale(1.1)rotate(5deg)}.portfolioClientInitial{color:#fff;text-shadow:0 2px 8px #0003;font-size:3rem;font-weight:900}.portfolioClientName{color:var(--textPrimary);margin-bottom:.5rem;font-size:1.25rem;font-weight:800;line-height:1.3}.portfolioClientRegion{color:var(--textSecondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.portfolioClientsFooter{text-align:center}.portfolioClientsFooterText{color:var(--textSecondary);max-width:800px;margin:0 auto 3rem;font-size:1.125rem;line-height:1.7}.portfolioClientsRegions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.portfolioClientsRegionCard{background:var(--cardBg);border:1px solid var(--cardBorder);cursor:default;border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.portfolioClientsRegionCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd)}.portfolioClientsRegionFlag{font-size:2.5rem;line-height:1}.portfolioClientsRegionInfo{flex-direction:column;display:flex}.portfolioClientsRegionName{color:var(--textPrimary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.portfolioClientsRegionCount{color:var(--textSecondary);font-size:.875rem;font-weight:600}@media (max-width:1024px){.portfolioClientsNew{padding:6rem 2rem}.portfolioClientsTitle{font-size:2.5rem}.portfolioClientsSubtitle{font-size:1.125rem}.portfolioClientsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media (max-width:768px){.portfolioClientsNew{padding:4rem 1.5rem}.portfolioClientsTitle{font-size:2rem}.portfolioClientsSubtitle{font-size:1rem}.portfolioClientsGrid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.portfolioClientCard{padding:1.5rem}.portfolioClientLogoCircle{width:80px;height:80px}.portfolioClientInitial{font-size:2.5rem}.portfolioClientName{font-size:1.125rem}.portfolioClientsFooterText{font-size:1rem}.portfolioClientsRegions{grid-template-columns:1fr;gap:1rem}.portfolioClientsRegionCard{padding:1.25rem}.portfolioClientsRegionFlag{font-size:2rem}}@media (max-width:480px){.portfolioClientsGrid{grid-template-columns:1fr;gap:1rem}.portfolioClientCard{padding:1.25rem}.portfolioClientLogoCircle{width:70px;height:70px}.portfolioClientInitial{font-size:2rem}.portfolioClientName{font-size:1rem}.portfolioClientRegion{font-size:.8125rem}.portfolioClientsRegionCard{padding:1rem}.portfolioClientsRegionFlag{font-size:1.75rem}.portfolioClientsRegionName{font-size:.9375rem}.portfolioClientsRegionCount{font-size:.8125rem}}