.section{padding:10rem 6vw;position:relative;overflow:hidden}.section-header{max-width:800px;margin:0 auto 6rem;position:relative;text-align:center}.section-label{display:inline-flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#8e7ab51a,#00e0ff0d);border:1px solid rgba(255,255,255,.05);border-radius:999px;backdrop-filter:blur(10px);color:var(--accent);font-size:.875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;position:relative;overflow:hidden}.section-label:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:3rem;max-width:1200px;margin:0 auto;position:relative}.feature-card{position:relative;background:linear-gradient(145deg,#141726b3,#0b0d12e6);border:1px solid transparent;border-radius:var(--radius-lg);padding:3rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .6s var(--ease);isolation:isolate;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(142,122,181,.3),rgba(0,224,255,.2),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.feature-card:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(142,122,181,.1),transparent 40%);opacity:0;transition:opacity .3s ease;z-index:0}.feature-card:hover:after{opacity:1}.feature-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px #0006,0 0 0 1px #8e7ab51a,0 0 60px #8e7ab533}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8e7ab526,#00e0ff1a);border-radius:var(--radius-md);margin-bottom:2rem;font-size:1.5rem;color:var(--accent);position:relative;overflow:hidden}.feature-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent) 0%,transparent 50%);opacity:.1}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-main),rgba(255,255,255,.9));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2}.feature-card p{color:var(--text-muted);line-height:1.6;position:relative;z-index:2}.feature-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(142,122,181,.03),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:1}.feature-card:hover .feature-hover{transform:translate(100%)}.projects-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;margin-top:6rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{position:relative;background:linear-gradient(145deg,#141726cc,#0b0d12f2);border:1px solid transparent;border-radius:var(--radius-xl);overflow:hidden;transition:all .8s var(--ease);isolation:isolate;height:100%}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(142,122,181,.4),rgba(0,224,255,.3),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.project-media{position:relative;overflow:hidden;height:300px}.project-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:brightness(.9) contrast(1.1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,13,18,.95),transparent 50%,transparent);display:flex;align-items:flex-end;justify-content:flex-start;padding:2rem;opacity:0;transition:opacity .6s var(--ease)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image{transform:scale(1.08)}.view-project{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-main);font-size:.875rem;font-weight:500;letter-spacing:.05em;transition:all .3s ease}.view-project:hover{background:#ffffff26;border-color:var(--accent);transform:translate(4px)}.project-tags{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:.5rem;z-index:2}.tag{padding:.375rem 1rem;background:#0b0d12cc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:500;letter-spacing:.05em}.project-content{padding:2.5rem;position:relative;z-index:2}.project-content h3{font-size:1.75rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-main),rgba(255,255,255,.9));-webkit-background-clip:text;background-clip:text;color:transparent}.project-content p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.project-link{position:absolute;bottom:2.5rem;right:2.5rem;width:48px;height:48px;background:linear-gradient(135deg,var(--accent),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all .6s var(--ease);z-index:3}.project-card:hover .project-link{opacity:1;transform:translateY(0)}.project-link:after{content:"\2192";color:var(--bg-primary);font-weight:600;font-size:1.25rem}.cta{position:relative;text-align:center;padding:12rem 6vw;background:radial-gradient(circle at 20% 30%,rgba(142,122,181,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,224,255,.1) 0%,transparent 50%),linear-gradient(to bottom,transparent,rgba(11,13,18,.3),transparent);border-radius:var(--radius-xl);margin:6rem auto;max-width:1400px;overflow:hidden;isolation:isolate}.cta:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,rgba(142,122,181,.4),rgba(0,224,255,.3),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta h2{font-size:clamp(3rem,5vw,4rem);font-weight:700;font-family:var(--font-secondary);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-main) 0%,var(--accent) 50%,var(--text-main) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 8s ease infinite}.cta p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;line-height:1.6}.cta .btn.primary.large{padding:1.25rem 3rem;font-size:1.125rem}.btn-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent),var(--secondary),var(--accent));border-radius:inherit;filter:blur(12px);opacity:0;transition:opacity .6s var(--ease);z-index:-1}.cta .btn.primary.large:hover .btn-glow{opacity:.5}.cta-background{position:absolute;inset:0;z-index:1}.cta-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.1;animation:float-shape 20s ease-in-out infinite}.shape-1{width:300px;height:300px;background:var(--accent);top:10%;left:10%;animation-delay:0s}.shape-2{width:400px;height:400px;background:var(--secondary);top:60%;right:10%;animation-delay:-5s}.shape-3{width:250px;height:250px;background:var(--accent-light);bottom:20%;left:20%;animation-delay:-10s}@keyframes float-shape{0%,to{transform:translate(0) scale(1);opacity:.1}33%{transform:translate(30px,-50px) scale(1.1);opacity:.15}66%{transform:translate(-20px,40px) scale(.9);opacity:.08}}.center{text-align:center;margin-top:6rem}.btn.ghost{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--text-main);font-weight:500;text-decoration:none;transition:all .4s var(--ease);position:relative;overflow:hidden}.btn.ghost:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8e7ab51a,#00e0ff0d);opacity:0;transition:opacity .4s ease;z-index:-1}.btn.ghost:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #8e7ab533}.btn.ghost:hover:before{opacity:1}.btn-sparkles{opacity:0;transform:scale(0);transition:all .4s var(--ease)}.btn.ghost:hover .btn-sparkles{opacity:1;transform:scale(1)}@media(max-width:768px){.section{padding:6rem 4vw}.features-grid,.projects-preview{grid-template-columns:1fr;gap:2rem}.feature-card,.project-card{padding:2rem}.cta{padding:6rem 4vw;margin:3rem auto}.cta h2{font-size:2.5rem}}