give me full n final correct code .case-study-detail{color:#fff;background:#0a0a0a;overflow-x:hidden}.case-study-hero{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.case-study-hero-background{z-index:1;position:absolute;inset:0}.hero-gradient-1{background:radial-gradient(circle,#667eea26 0%,#0000 70%);width:60%;height:140%;animation:8s ease-in-out infinite float;position:absolute;top:-20%;right:-10%}.hero-gradient-2{background:radial-gradient(circle,#764ba21a 0%,#0000 70%);width:50%;height:120%;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.floating-shapes{position:absolute;inset:0}.shape{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.shape-1{width:80px;height:80px;animation-delay:0s;top:15%;left:5%}.shape-2{width:120px;height:120px;animation-delay:2s;top:65%;right:8%}.shape-3{width:60px;height:60px;animation-delay:4s;bottom:25%;left:12%}.shape-4{width:100px;height:100px;animation-delay:1s;top:35%;right:18%}.shape-5{width:70px;height:70px;animation-delay:3s;bottom:15%;right:22%}.shape-6{width:90px;height:90px;animation-delay:5s;top:50%;left:8%}.case-study-hero-content{z-index:2;max-width:800px;position:relative}.back-button{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-button:hover{color:#fff;background:#ffffff26;border-color:#667eea80;gap:12px}.case-study-title{background:linear-gradient(135deg,#fff 0%,#ffffffe6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.1}.case-study-description{color:#fffc;max-width:600px;margin-bottom:40px;font-size:1.4rem;line-height:1.6}.case-study-meta{flex-wrap:wrap;gap:40px;display:flex}.meta-item{flex-direction:column;gap:8px;display:flex}.meta-label{color:#fff9;font-size:.9rem;font-weight:500}.meta-value{color:#fff;font-size:1.1rem;font-weight:600}.case-study-section{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-title{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:700}.section-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.overview-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}.section-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.content-block{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important}.content-block h3{color:#fff;margin-bottom:20px;font-size:2rem;font-weight:600}.content-block p{color:#fffc;font-size:1.2rem;line-height:1.7;background:0 0!important}.visual-container{border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}.main-image{object-fit:cover;width:100%;height:400px;display:block}.visual-overlay{opacity:.1;transition:opacity .3s;position:absolute;inset:0}.visual-container:hover .visual-overlay{opacity:.2}.problem-solution-section{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%)}.problem-solution-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.problem-column,.solution-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:50px 40px;position:relative;overflow:hidden}.problem-column:before,.solution-column:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.problem-column:before{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.solution-column:before{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.column-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.column-icon{font-size:2.5rem}.column-header h3{color:#fff;margin:0;font-size:2rem;font-weight:600}.column-description{color:#fffc;margin-bottom:30px;font-size:1.1rem;line-height:1.7}.challenges-list h4,.solutions-list h4{color:#fff;margin-bottom:20px;font-size:1.3rem;font-weight:600}.challenges-grid,.solutions-grid{flex-direction:column;gap:15px;display:flex}.challenge-item,.solution-item{background:#ffffff0d;border-radius:12px;align-items:flex-start;gap:15px;padding:20px;transition:all .3s;display:flex}.challenge-item:hover,.solution-item:hover{background:#ffffff1a;transform:translateY(-2px)}.challenge-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.solution-check{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.challenge-item p,.solution-item p{color:#ffffffe6;margin:0;font-size:1rem;line-height:1.6}.results-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}.results-showcase{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:50px 30px;transition:all .3s;position:relative;overflow:hidden}.result-card:hover{border-color:#667eea4d;transform:translateY(-5px);box-shadow:0 25px 50px #0006}.result-glow{opacity:0;width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.result-card:hover .result-glow{opacity:.1}.result-value{color:#fff;z-index:2;word-break:break-word;border-radius:20px;margin-bottom:15px;padding:20px;font-size:3rem;font-weight:700;position:relative;box-shadow:0 15px 35px #0000004d}.result-label{color:#fff;z-index:2;margin-bottom:8px;font-size:1.3rem;font-weight:600;position:relative}.result-description{color:#ffffffb3;z-index:2;font-size:1rem;position:relative}.tech-section{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%)}.tech-showcase{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;display:grid}.tech-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px 30px}.tech-category-header{justify-content:center;align-items:center;gap:15px;margin-bottom:30px;display:flex}.tech-icon{font-size:2.5rem}.tech-category h3{color:#fff;margin:0;font-size:1.8rem;font-weight:600}.tech-tags{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tech-tag{color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .3s}.tech-tag:hover{background:#667eea4d;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.gallery-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%)}.gallery-showcase{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.gallery-item{cursor:pointer;border-radius:20px;transition:all .3s;overflow:hidden}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0006}.gallery-image-container{height:300px;position:relative;overflow:hidden}.gallery-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover .gallery-image-container img{transform:scale(1.1)}.gallery-overlay{opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:.8}.view-text{color:#fff;font-size:1.5rem;font-weight:600}.gallery-caption{text-align:center;color:#fffc;background:#ffffff0d;padding:20px;font-weight:500}.case-study-cta{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);padding:120px 0;position:relative;overflow:hidden}.case-study-cta-background{z-index:1;position:absolute;inset:0}.cta-gradient-1{background:radial-gradient(circle,#667eea26 0%,#764ba21a 50%,#0000 70%);width:70%;height:200%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.cta-gradient-2{background:radial-gradient(circle,#764ba21a 0%,#667eea0d 50%,#0000 70%);width:70%;height:200%;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-20%}.floating-elements{position:absolute;inset:0}.element{opacity:.3;font-size:3rem;animation:4s ease-in-out infinite float;position:absolute}.element-1{animation-delay:0s;top:20%;left:10%}.element-2{animation-delay:2s;top:60%;right:15%}.element-3{animation-delay:4s;bottom:30%;left:20%}.cta-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.cta-title{color:#fff;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.cta-subtitle{color:#fffc;max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:1.4rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-button{cursor:pointer;border:none;border-radius:50px;padding:18px 36px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.cta-button.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 10px 30px #667eea4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3}.cta-button.secondary:hover{background:#ffffff26;border-color:#667eea80;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:1024px){.case-study-title{font-size:3rem}.section-title{font-size:2.8rem}.section-grid{gap:60px}.problem-solution-grid{gap:40px}}@media (max-width:768px){.case-study-hero{min-height:80vh;padding-top:60px}.case-study-title{font-size:2.5rem}.case-study-description{font-size:1.2rem}.section-title{font-size:2.2rem}.section-grid{grid-template-columns:1fr;gap:40px}.problem-solution-grid{grid-template-columns:1fr;gap:30px}.case-study-meta{gap:20px}.tech-showcase,.gallery-showcase{grid-template-columns:1fr}.cta-title{font-size:2.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}@media (max-width:480px){.case-study-title{font-size:2rem}.section-title{font-size:1.8rem}.case-study-section{padding:80px 0}.problem-column,.solution-column{padding:30px 20px}.column-header h3{font-size:1.6rem}.result-value{font-size:2.5rem}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.2rem}}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.mb-0{margin-bottom:0}html{scroll-behavior:smooth}.cta-button:focus,.back-button:focus{outline-offset:2px;outline:2px solid #667eea}.case-study-detail.loading{opacity:.7;pointer-events:none}@media (prefers-contrast:high){.case-study-detail,.case-study-hero{background:#000}.problem-column,.solution-column,.result-card,.tech-category{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.shape,.element,.hero-gradient-1,.hero-gradient-2,.cta-gradient-1,.cta-gradient-2{animation:none}.challenge-item:hover,.solution-item:hover,.result-card:hover,.tech-tag:hover,.gallery-item:hover,.cta-button:hover{transform:none}}.main-image,.gallery-image-container img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.case-study-cta{width:100%;overflow:hidden}.case-study-cta-background{width:100%}