.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-section{background:linear-gradient(135deg,#1a1d29 0%,#0f1117 100%);color:#fff;padding:var(--spacing-xxxl) 0;position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;margin-top:-70px;padding-top:calc(70px + var(--spacing-xxxl));padding-bottom:calc(var(--spacing-xxxl) + 60px)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(88,101,242,.3) 50px,rgba(88,101,242,.3) 52px),repeating-linear-gradient(60deg,transparent,transparent 50px,rgba(88,101,242,.3) 60px,rgba(88,101,242,.3) 52px),repeating-linear-gradient(120deg,transparent,transparent 50px,rgba(88,101,242,.3) 50px,rgba(88,101,242,.3) 52px);opacity:.4;animation:hexagonMove 20s linear infinite}@keyframes hexagonMove{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(50px) translateX(25px)}}.hero-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(88,101,242,.25),transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,217,255,.2),transparent 50%),radial-gradient(circle at 50% 100%,rgba(123,104,238,.2),transparent 60%);animation:glowPulse 10s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:.6}50%{opacity:1}}.hero-background::after{content:'';position:absolute;top:10%;left:5%;width:200px;height:200px;background:linear-gradient(135deg,rgba(200,200,200,.15) 0%,rgba(88,101,242,.1) 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.15;animation:hexFloatLarge 12s ease-in-out infinite}@keyframes hexFloatLarge{0%,100%{transform:translateY(0) rotate(0deg);opacity:.15}50%{transform:translateY(-40px) rotate(180deg);opacity:.3}}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.hero-icon{font-size:4rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(var(--glow-primary));animation:float 3s ease-in-out infinite}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.8);color:#fff}.hero-title .highlight{color:var(--accent-color);position:relative;display:inline-block;background:linear-gradient(135deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-xl);animation:fadeInUp .8s ease-out .2s both;line-height:1.6;color:#e0e0e0}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);animation:fadeInUp .8s ease-out .4s both}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:.875rem;font-weight:600;transition:all var(--transition-fast);position:relative;background:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px)}.badge::before{content:'';position:absolute;inset:-1px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:.3}.badge-primary{border-color:var(--primary-light)}.badge-primary::before{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.badge-success{border-color:var(--success-color)}.badge-success::before{background:linear-gradient(135deg,var(--success-color),#369966)}.badge-info{border-color:var(--info-color)}.badge-info::before{background:linear-gradient(135deg,var(--info-color),#00b8d4)}.badge:hover{transform:translateY(-2px);box-shadow:var(--glow-primary);border-color:var(--primary-light);background:rgba(88,101,242,.2)}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl);animation:fadeInUp .8s ease-out .6s both}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;font-size:1rem;transition:all var(--transition-fast);border:0;cursor:pointer;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover::before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),var(--shadow-lg);color:#fff}.btn-outline{background:rgba(30,30,30,.6);color:#fff;border:2px solid var(--primary-light);position:relative;backdrop-filter:blur(10px)}.btn-outline::after{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:.3}.btn-outline:hover{background:var(--primary-color);color:#fff;box-shadow:var(--glow-primary)}.btn-icon{transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:translateX(3px)}.hero-note{font-size:.875rem;font-style:italic;animation:fadeInUp .8s ease-out .8s both;color:#b8b8b8}.scroll-indicator{position:absolute;bottom:30px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;animation:fadeInUp 1s ease-out 1s both;z-index:100;pointer-events:none}.scroll-text{font-size:.7rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;color:#ccc;font-weight:600;text-align:center;white-space:nowrap}.scroll-arrow{font-size:1.8rem;animation:bounceArrow 2s infinite;color:var(--accent-color);filter:drop-shadow(0 0 12px rgba(0,217,255,.7));display:block}@keyframes bounceArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes hexFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:.08}50%{transform:translateY(-30px) rotate(180deg);opacity:.15}}@media(max-width:768px){.hero-section{min-height:500px;padding:calc(70px + var(--spacing-xl)) 0 calc(var(--spacing-xl) + 50px)}.hero-icon{font-size:3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.hero-badges{flex-direction:column;align-items:center}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn{width:100%;max-width:300px;justify-content:center}.scroll-indicator{bottom:20px}.scroll-text{font-size:.65rem}.scroll-arrow{font-size:1.5rem}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}.hero-badges{gap:var(--spacing-sm)}.badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.scroll-indicator{bottom:15px}.scroll-text{font-size:.6rem;letter-spacing:1.5px}}.services-section{padding:var(--spacing-xxxl) 0;background:#0f0f0f;position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.services-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(88,101,242,.25) 60px,rgba(88,101,242,.25) 62px),repeating-linear-gradient(60deg,transparent,transparent 60px,rgba(88,101,242,.25) 60px,rgba(88,101,242,.25) 62px),repeating-linear-gradient(120deg,transparent,transparent 60px,rgba(88,101,242,.25) 60px,rgba(88,101,242,.25) 62px);opacity:.3;animation:hexagonPulse 8s ease-in-out infinite}@keyframes hexagonPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.services-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xxxl)}.section-header h2{font-size:2.5rem;margin-bottom:var(--spacing-md);font-weight:700;position:relative;background:linear-gradient(135deg,#fff 0%,#feffff 12%,#fff 25%,#fdfeff 37%,#fff 50%,#feffff 62%,#fff 75%,#fcfeff 87%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:metallicShine 5s linear infinite;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px rgba(255,255,255,.9),0 0 4px rgba(255,255,255,.8),0 0 6px rgba(200,200,200,.6)}@keyframes metallicShine{0%{background-position:0% center}100%{background-position:200% center}}.section-divider{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.section-divider span{position:relative;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;box-shadow:var(--glow-primary)}.section-divider span::before,.section-divider span::after{content:'';position:absolute;width:10px;height:10px;background:var(--accent-color);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:var(--glow-accent)}.section-divider span::before{left:-15px}.section-divider span::after{right:-15px}.section-description{font-size:1.125rem;color:#ccc;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.service-card{background:#1e1e1e;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);transform:translateY(30px);opacity:0;animation:slideUp .8s forwards;animation-delay:var(--delay,0s)}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform var(--transition-normal)}.service-card::after{content:'';position:absolute;top:10px;right:10px;width:50px;height:50px;background:linear-gradient(135deg,rgba(200,200,200,.2) 0%,rgba(88,101,242,.15) 50%,transparent 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.1;transition:all var(--transition-normal);animation:hexagonFloat 4s ease-in-out infinite}@keyframes hexagonFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-5px) rotate(30deg);opacity:.3}}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:#252525}.service-card:hover::before{transform:scaleX(1)}.service-card:hover::after{opacity:.4;transform:rotate(60deg) scale(1.3);animation:none}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:2rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md),inset 0 -2px 10px rgba(0,0,0,.4),0 0 30px rgba(88,101,242,.4);position:relative}.service-icon::before{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,#c8c8c8 0%,#909090 50%,#c8c8c8 100%);border-radius:50%;z-index:-1;opacity:.5;animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.service-card:hover .service-icon{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));transform:scale(1.15) rotate(360deg);box-shadow:var(--glow-primary),inset 0 -2px 10px rgba(0,0,0,.6),0 0 40px rgba(88,101,242,.7)}.service-card:hover .service-icon::before{opacity:1;box-shadow:0 0 30px rgba(200,200,200,.6)}.service-card h3{font-size:1.5rem;color:#fff;margin-bottom:var(--spacing-md);font-weight:700;transition:color var(--transition-fast)}.service-card:hover h3{background:linear-gradient(135deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-card p{color:#ccc;margin-bottom:var(--spacing-lg);line-height:1.7}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tech-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#282828;color:#e8e8e8;border-radius:var(--border-radius-lg);font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-fast);position:relative}.tech-tag::before{content:'';position:absolute;inset:-1px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-fast)}.tech-tag:hover{transform:translateY(-2px);box-shadow:var(--glow-primary);border-color:var(--primary-color);color:var(--primary-light);background:rgba(88,101,242,.15)}.tech-tag:hover::before{opacity:.3}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.services-section{padding:var(--spacing-xl) 0}.section-header h2{font-size:2rem}.section-description{font-size:1rem}.services-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.service-card{padding:var(--spacing-lg)}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.service-icon{width:60px;height:60px;font-size:1.5rem}.service-card h3{font-size:1.25rem}.section-header h2{font-size:1.75rem}}:root{--primary-color:#2962ff;--primary-light:#768fff;--primary-dark:#0039cb;--primary-color-rgb:41,98,255;--accent-color:#00bfa5;--muted-color:#78909c;--background-color:#0c0c0e;--background-secondary:#121214;--background-elevated:#191919;--card-background-color:#fff;--card-background-hover:#111112;--text-color:#e1e1e6;--header-color:#f8f9fa;--shadow-sm:0 2px 5px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 8px 16px rgba(0,0,0,.15);--shadow-xl:0 12px 24px rgba(0,0,0,.2);--transition-fast:.2s ease;--transition-normal:.3s ease;--border-radius:8px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--error-color:#f44336;--warning-color:#ff9800;--hex-border:rgba(255,255,255,.1);--metallic-steel:#434343}.donation-banner{background:linear-gradient(135deg,var(--background-elevated) 0%,var(--card-background-color) 100%);border:1px solid var(--warning-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) auto;max-width:1200px;box-shadow:var(--shadow-md),0 0 20px rgba(250,166,26,.2)}.donation-banner p{color:var(--text-color);font-size:.875rem;margin-bottom:var(--spacing-md)}#adBlockMessage{background:linear-gradient(135deg,rgba(240,71,71,.1) 0%,rgba(240,71,71,.05) 100%);border:1px solid var(--error-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:800px}#adBlockMessage p{color:var(--error-color);font-size:.875rem}.featured-project{padding:var(--spacing-xxxl) 0;background:var(--background-secondary);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;overflow:hidden}.featured-project::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px),repeating-linear-gradient(60deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px),repeating-linear-gradient(120deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px);opacity:.1}.featured-project.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xxxl)}.section-header h2{font-size:2.5rem;color:var(--header-color);margin-bottom:var(--spacing-md);font-weight:700;background:linear-gradient(135deg,var(--header-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.section-divider span{position:relative;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;box-shadow:var(--glow-primary)}.section-divider span::before,.section-divider span::after{content:'';position:absolute;width:10px;height:10px;background-color:var(--accent-color);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:var(--glow-accent)}.section-divider span::before{left:-15px}.section-divider span::after{right:-15px}.project-container{background:var(--card-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);position:relative;transition:all var(--transition-normal)}.project-container::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:.8}.project-container:hover{box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:var(--card-background-hover)}.project-img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.project-container:hover .project-img{transform:scale(1.02)}.project-details{padding:var(--spacing-xl);position:relative}.project-details::before{content:'';position:absolute;top:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.05}.project-details h3{font-size:1.75rem;color:var(--header-color);margin-bottom:var(--spacing-md);font-weight:700}.project-details>p{color:var(--text-color);line-height:1.7;margin-bottom:var(--spacing-lg)}.project-features{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(88,101,242,.08),rgba(0,217,255,.05));border-radius:var(--border-radius-lg);border-left:4px solid var(--primary-color);box-shadow:inset 0 0 20px rgba(88,101,242,.1)}.project-features h4{font-size:1.25rem;color:var(--header-color);margin-bottom:var(--spacing-md);font-weight:700}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:flex-start}.feature-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;box-shadow:var(--shadow-sm),inset 0 -2px 8px rgba(0,0,0,.3);position:relative}.feature-icon::before{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:50%;z-index:-1;opacity:.3}.feature-content{flex:1}.feature-content strong{display:block;color:var(--header-color);margin-bottom:var(--spacing-xs);font-size:1.125rem}.feature-content p{color:var(--text-color);line-height:1.6;margin:0}.tech-stack{margin:var(--spacing-xl) 0;padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.tech-title{font-weight:700;color:var(--header-color);margin-right:var(--spacing-md);font-size:1rem}.tech-tags{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tech-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--background-elevated);color:var(--text-color);border-radius:var(--border-radius-lg);font-size:.75rem;font-weight:600;border:1px solid var(--border-color);transition:all var(--transition-fast);position:relative}.tech-tag::before{content:'';position:absolute;inset:-1px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-fast)}.tech-tag:hover{transform:translateY(-2px);box-shadow:var(--glow-primary);border-color:var(--primary-color);color:var(--primary-light)}.tech-tag:hover::before{opacity:.3}.tech-tag.framework{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(88,101,242,.15),rgba(0,217,255,.1))}.tech-tag.language{border-color:var(--accent-color);background:linear-gradient(135deg,rgba(0,217,255,.15),rgba(67,181,129,.1))}.project-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.project-cta-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;text-decoration:none;font-weight:600;font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-md),0 4px 15px rgba(88,101,242,.3);position:relative;overflow:hidden}.project-cta-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-cta-link::after{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:.2}.project-cta-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary),0 8px 25px rgba(88,101,242,.4);color:#fff;text-decoration:none}.project-cta-link:hover::before{left:100%}.project-cta-link i{transition:transform var(--transition-fast)}.project-cta-link:hover i{transform:translateX(3px)}@media(max-width:768px){.featured-project{padding:var(--spacing-xl) 0}.section-header h2{font-size:2rem}.project-details{padding:var(--spacing-lg)}.project-details h3{font-size:1.5rem}.project-features{padding:var(--spacing-md)}.feature-list li{flex-direction:column;gap:var(--spacing-sm)}.project-cta-link{width:100%;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.donation-banner,.project-features{padding:var(--spacing-md)}.tech-stack{display:flex;flex-direction:column}.tech-title{margin-bottom:var(--spacing-sm)}}:root{--primary-color:#2962ff;--primary-light:#768fff;--primary-dark:#0039cb;--primary-color-rgb:41,98,255;--accent-color:#00bfa5;--muted-color:#78909c;--background-color:#fff;--card-background-color:#fff;--text-color:#37474f;--header-color:#263238;--shadow-sm:0 2px 5px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 8px 16px rgba(0,0,0,.15);--shadow-xl:0 12px 24px rgba(0,0,0,.18);--transition-fast:.2s ease;--transition-normal:.3s ease;--border-radius:8px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px}.usp-section{padding:var(--spacing-xxl) 0;background:var(--background-color);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative}.usp-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(41,98,255,.1) 20%,rgba(41,98,255,.2) 50%,rgba(41,98,255,.1) 80%,transparent 100%)}.usp-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-xxl)}.section-header h2{font-size:2.5rem;color:var(--header-color);margin-bottom:var(--spacing-md);font-weight:700}.section-divider{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.section-divider span{position:relative;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.section-divider span::before,.section-divider span::after{content:'';position:absolute;width:10px;height:10px;background-color:var(--accent-color);border-radius:50%;top:50%;transform:translateY(-50%)}.section-divider span::before{left:-15px}.section-divider span::after{right:-15px}.section-description{font-size:1.125rem;color:var(--muted-color);line-height:1.8}.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.usp-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;border:1px solid #f1f5f9;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards;animation-delay:var(--delay,0s)}.usp-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.usp-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(41,98,255,.03) 0%,rgba(0,191,165,.03) 100%);opacity:0;transition:opacity var(--transition-normal);z-index:0}.usp-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:rgba(41,98,255,.1)}.usp-card:hover::before{transform:scaleX(1)}.usp-card:hover::after{opacity:1}.usp-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(41,98,255,.1),rgba(0,191,165,.1));color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1;transition:all var(--transition-normal)}.usp-icon svg{width:40px;height:40px;transition:transform var(--transition-normal)}.usp-card:hover .usp-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 16px rgba(41,98,255,.3)}.usp-card:hover .usp-icon svg{transform:scale(1.1)}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.usp-section.visible .usp-icon{animation:iconPulse 2s ease-in-out infinite}.usp-title{font-size:1.5rem;color:var(--header-color);margin-bottom:var(--spacing-md);font-weight:700;position:relative;z-index:1;transition:color var(--transition-fast)}.usp-card:hover .usp-title{color:var(--primary-color)}.usp-description{color:var(--text-color);line-height:1.7;font-size:1rem;position:relative;z-index:1}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.usp-card:nth-child(1) .usp-icon{background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,152,0,.1))}.usp-card:nth-child(1):hover .usp-icon{background:linear-gradient(135deg,#ffc107,#ff9800)}.usp-card:nth-child(2) .usp-icon{background:linear-gradient(135deg,rgba(41,98,255,.1),rgba(103,58,183,.1))}.usp-card:nth-child(2):hover .usp-icon{background:linear-gradient(135deg,var(--primary-color),#673ab7)}.usp-card:nth-child(3) .usp-icon{background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(0,191,165,.1))}.usp-card:nth-child(3):hover .usp-icon{background:linear-gradient(135deg,#4caf50,var(--accent-color))}.usp-card:nth-child(4) .usp-icon{background:linear-gradient(135deg,rgba(33,150,243,.1),rgba(0,191,165,.1))}.usp-card:nth-child(4):hover .usp-icon{background:linear-gradient(135deg,#2196f3,var(--accent-color))}@media(max-width:1024px){.usp-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}}@media(max-width:768px){.usp-section{padding:var(--spacing-xl) 0}.section-header h2{font-size:2rem}.section-description{font-size:1rem}.usp-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.usp-card{padding:var(--spacing-lg)}.usp-icon{width:70px;height:70px}.usp-icon svg{width:35px;height:35px}.usp-title{font-size:1.25rem}.usp-description{font-size:.95rem}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.section-header h2{font-size:1.75rem}.usp-icon{width:60px;height:60px}.usp-icon svg{width:30px;height:30px}.usp-card{padding:var(--spacing-md) var(--spacing-lg)}}@media(prefers-color-scheme:dark){.usp-section{background:#1a1a1a}.section-header h2{color:#fff}.section-description{color:#b0b0b0}.usp-card{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-color:#333}.usp-title{color:#fff}.usp-description{color:#b0b0b0}}@media print{.usp-section{opacity:1;transform:translateY(0)}.usp-card{opacity:1;transform:translateY(0);page-break-inside:avoid}.usp-card:hover{transform:none;box-shadow:var(--shadow-sm)}}:root{--primary-color:#2962ff;--primary-light:#768fff;--primary-dark:#0039cb;--accent-color:#00bfa5;--muted-color:#78909c;--text-color:#37474f;--text-secondary:#b0bec5;--header-color:#263238;--card-background-color:#2a2a2a;--card-background-hover:#333;--background-color:#121212;--background-secondary:#1e1e1e;--background-elevated:#2c2c2c;--border-color:rgba(255,255,255,.1);--shadow-sm:0 2px 5px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 8px 16px rgba(0,0,0,.15);--shadow-xl:0 12px 24px rgba(0,0,0,.2);--transition-fast:.2s ease;--transition-normal:.3s ease;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-xxxl:128px;--glow-primary:0 0 8px rgba(41,98,255,.8);--glow-hover:0 0 12px rgba(41,98,255,1);--metallic-steel:linear-gradient(135deg,#434343,#868686);--hex-border:#fff}.contact-teaser-section{padding:var(--spacing-xxxl) var(--spacing-lg);background:linear-gradient(135deg,var(--background-color) 0%,var(--background-secondary) 100%);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.contact-teaser-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px),repeating-linear-gradient(60deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px),repeating-linear-gradient(120deg,transparent,transparent 60px,var(--hex-border) 60px,var(--hex-border) 61px);opacity:.12}.contact-teaser-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(88,101,242,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,217,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(123,104,238,.1) 0%,transparent 40%)}.contact-teaser-section.visible{opacity:1;transform:translateY(0)}.contact-teaser-section .section-container{max-width:900px;margin:0 auto;position:relative;z-index:2}.contact-box{background:var(--card-background-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xxxl) var(--spacing-xl);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.contact-box::before{content:'';position:absolute;top:-80px;right:-80px;width:200px;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.03;animation:hexFloat 10s ease-in-out infinite}.contact-box::after{content:'';position:absolute;bottom:-60px;left:-60px;width:150px;height:150px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.03;animation:hexFloat 8s ease-in-out infinite reverse}.contact-box:hover{box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:var(--card-background-hover)}.contact-header{margin-bottom:var(--spacing-xl)}.contact-icon{width:100px;height:100px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:var(--shadow-md),inset 0 -4px 12px rgba(0,0,0,.3);transition:all var(--transition-normal);position:relative;animation:fadeInUp .8s ease-out}.contact-icon::before{content:'';position:absolute;inset:-3px;background:var(--metallic-steel);border-radius:50%;z-index:-1;opacity:.3}.contact-box:hover .contact-icon{transform:scale(1.1) rotate(360deg);box-shadow:var(--glow-primary),inset 0 -4px 12px rgba(0,0,0,.5)}.contact-box:hover .contact-icon::before{opacity:.6;box-shadow:var(--glow-primary);animation:glow 2s ease-in-out infinite}.contact-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out .2s both;text-shadow:0 2px 10px rgba(88,101,242,.6),0 0 20px rgba(88,101,242,.3);line-height:1.2}.contact-subtitle{font-size:1.125rem;color:#e0e0e0;line-height:1.7;max-width:600px;margin:0 auto var(--spacing-xl);animation:fadeInUp .8s ease-out .4s both;text-shadow:0 2px 6px rgba(0,0,0,.7)}.contact-heading{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out .2s both;text-shadow:0 2px 10px rgba(88,101,242,.6),0 0 20px rgba(88,101,242,.3)}.contact-text{font-size:1.125rem;color:#e0e0e0;line-height:1.7;max-width:600px;margin:0 auto var(--spacing-xl);animation:fadeInUp .8s ease-out .4s both;text-shadow:0 2px 6px rgba(0,0,0,.7)}.contact-cta-buttons{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-xl);animation:fadeInUp .8s ease-out .6s both}.contact-cta-buttons .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;font-size:1rem;transition:all var(--transition-fast);border:0;cursor:pointer;position:relative;overflow:hidden}.contact-cta-buttons .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-cta-buttons .btn:hover::before{left:100%}.contact-cta-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.contact-cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),var(--shadow-lg);color:#fff}.contact-cta-buttons .btn-outline{background:rgba(30,30,30,.6);color:#fff;border:2px solid var(--primary-light);position:relative;backdrop-filter:blur(10px)}.contact-cta-buttons .btn-outline::after{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:.3}.contact-cta-buttons .btn-outline:hover{background:var(--primary-color);color:#fff;box-shadow:var(--glow-primary)}.contact-cta-buttons .btn-icon{transition:transform var(--transition-fast)}.contact-cta-buttons .btn:hover .btn-icon{transform:translateX(3px)}.contact-social{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);animation:fadeInUp .8s ease-out .8s both}.contact-social .social-label{font-size:.875rem;color:#b8b8b8;margin-bottom:var(--spacing-md);text-shadow:0 2px 6px rgba(0,0,0,.7)}.social-icons{display:flex;justify-content:center;gap:var(--spacing-md)}.social-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,rgba(88,101,242,.4),rgba(0,217,255,.2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--transition-normal);border:1px solid rgba(88,101,242,.5);box-shadow:0 0 20px rgba(88,101,242,.4);text-shadow:0 0 10px rgba(88,101,242,.6);text-decoration:none}.social-icon:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark),rgba(0,217,255,.6));color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 8px 30px rgba(88,101,242,.6),0 0 25px rgba(88,101,242,.5);text-shadow:0 0 15px rgba(255,255,255,.8)}.alternative-contact{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);animation:fadeInUp .8s ease-out .8s both}.alternative-contact p{font-size:.875rem;color:#b8b8b8;margin-bottom:var(--spacing-md);text-shadow:0 2px 6px rgba(0,0,0,.7)}.contact-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:#e0e0e0;text-decoration:none;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);background:var(--background-elevated);border:1px solid var(--border-color);transition:all var(--transition-fast);text-shadow:0 2px 6px rgba(0,0,0,.7)}.contact-link:hover{color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--glow-primary);text-shadow:0 0 15px rgba(88,101,242,.8)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hexFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes glow{0%,100%{box-shadow:var(--glow-primary)}50%{box-shadow:var(--glow-hover)}}@media(max-width:768px){.contact-teaser-section{padding:var(--spacing-xl) var(--spacing-md)}.contact-box{padding:var(--spacing-xl) var(--spacing-lg)}.contact-icon{width:80px;height:80px;font-size:2.5rem}.contact-title,.contact-heading{font-size:2rem}.contact-subtitle,.contact-text{font-size:1rem}.contact-cta-buttons{flex-direction:column;align-items:stretch}.contact-cta-buttons .btn{width:100%;justify-content:center}.social-icons{gap:var(--spacing-sm)}.social-icon{width:45px;height:45px;font-size:1.3rem}.contact-links{flex-direction:column;align-items:stretch}.contact-link{justify-content:center}}@media(max-width:480px){.contact-title,.contact-heading{font-size:1.75rem}.contact-icon{width:70px;height:70px;font-size:2rem}.contact-cta-buttons .btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}.social-icon{width:40px;height:40px;font-size:1.2rem}}.tech-stack-section{background:linear-gradient(135deg,#1a1d29 0%,#23272a 100%);padding:var(--spacing-xxxl) 0;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.tech-stack-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(88,101,242,.15) 50px,rgba(88,101,242,.15) 51px),repeating-linear-gradient(60deg,transparent,transparent 50px,rgba(88,101,242,.15) 50px,rgba(88,101,242,.15) 51px),repeating-linear-gradient(120deg,transparent,transparent 50px,rgba(88,101,242,.15) 50px,rgba(88,101,242,.15) 51px);opacity:.3}.tech-stack-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(88,101,242,.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,217,255,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(123,104,238,.15) 0%,transparent 60%)}.tech-stack-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:var(--spacing-xxxl)}.section-header h2{font-size:2.5rem;color:#fff;margin-bottom:var(--spacing-md);font-weight:700;text-shadow:0 2px 20px rgba(0,0,0,.8)}.section-divider{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.section-divider span{position:relative;width:80px;height:4px;background:linear-gradient(90deg,var(--accent-color),rgba(255,255,255,.8));border-radius:2px;box-shadow:var(--glow-accent)}.section-divider span::before,.section-divider span::after{content:'';position:absolute;width:10px;height:10px;background-color:var(--accent-color);border-radius:50%;top:50%;transform:translateY(-50%);box-shadow:var(--glow-accent)}.section-divider span::before{left:-15px}.section-divider span::after{right:-15px}.section-description{font-size:1.125rem;color:#e0e0e0;line-height:1.8;max-width:700px;margin:0 auto}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.tech-card{background:#1e1e1e;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-normal);opacity:0;transform:translateY(30px);animation:slideUp .8s ease-out forwards;animation-delay:var(--delay,0s);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.tech-card::before{content:'';position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.1;transition:all var(--transition-normal)}.tech-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:#252525}.tech-card:hover::before{opacity:.25;transform:rotate(30deg)}.tech-logo{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,#282828,#1a1a1a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--primary-light);transition:all var(--transition-normal);position:relative;box-shadow:var(--shadow-md),inset 0 -3px 10px rgba(0,0,0,.5)}.tech-logo::before{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:50%;z-index:-1;opacity:.4}.tech-card:hover .tech-logo{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;transform:scale(1.15) rotate(360deg);box-shadow:var(--glow-primary),inset 0 -3px 10px rgba(0,0,0,.6)}.tech-card:hover .tech-logo::before{opacity:.7;box-shadow:var(--glow-primary)}.tech-name{font-size:1.25rem;color:#fff;margin:0;font-weight:700;transition:all var(--transition-fast)}.tech-card:hover .tech-name{background:linear-gradient(135deg,var(--primary-light),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-cta{text-align:center;margin-top:var(--spacing-xxxl)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-weight:600;text-decoration:none;font-size:1.125rem;transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover::before{left:100%}.btn-outline{background:rgba(30,30,30,.6);color:#fff;border:2px solid #fff;position:relative;backdrop-filter:blur(10px)}.btn-outline::after{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:inherit;z-index:-1;opacity:.3}.btn-outline:hover{background:#fff;color:#23272a;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,255,255,.4)}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}@media(max-width:768px){.tech-stack-section{padding:var(--spacing-xl) 0}.section-header h2{font-size:2rem}.section-description{font-size:1rem}.tech-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tech-card{padding:var(--spacing-lg)}.tech-logo{width:60px;height:60px;font-size:2rem}.tech-name{font-size:1.125rem}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.tech-grid{grid-template-columns:1fr}.btn{width:100%;max-width:300px;justify-content:center}}:root{--primary-color:#2962ff;--primary-light:#768fff;--primary-dark:#0039cb;--accent-color:#00bfa5;--muted-color:#78909c;--background-color:#121212;--background-secondary:#1e1e1e;--text-color:#e0e0e0;--text-secondary:#b0bec5;--header-color:#263238;--shadow-sm:0 2px 5px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 8px 16px rgba(0,0,0,.15);--transition-fast:.2s ease;--transition-normal:.3s ease;--border-radius:8px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-xxxl:128px;--card-background-color:#1c1c1e;--card-background-hover:#2c2c2e;--border-color:#333;--hex-border:rgba(255,255,255,.1);--metallic-steel:linear-gradient(135deg,#434343,#191919);--glow-primary:0 0 8px rgba(41,98,255,.6)}.tools-section{padding:var(--spacing-xxxl) 0;background:linear-gradient(135deg,var(--background-color) 0%,var(--background-secondary) 100%);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;overflow:hidden}.tools-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(60deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(120deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px);opacity:.1}.tools-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:var(--spacing-xxxl)}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--header-color);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--header-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));margin:0 auto var(--spacing-lg);border-radius:2px;box-shadow:var(--glow-primary)}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.tool-category{margin-bottom:var(--spacing-xxl)}.category-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-left:4px solid var(--primary-color);text-transform:uppercase;letter-spacing:1px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.tool-card{background:var(--card-background-color);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden;opacity:0;animation:fadeInUp .6s ease-out forwards}.tool-card::before{content:'';position:absolute;top:-15px;right:-15px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.05;transition:all var(--transition-normal)}.tool-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform var(--transition-normal)}.tool-card:nth-child(1){animation-delay:.05s}.tool-card:nth-child(2){animation-delay:.1s}.tool-card:nth-child(3){animation-delay:.15s}.tool-card:nth-child(4){animation-delay:.2s}.tool-card:nth-child(5){animation-delay:.25s}.tool-card:nth-child(6){animation-delay:.3s}.tool-card:nth-child(7){animation-delay:.35s}.tool-card:nth-child(8){animation-delay:.4s}.tool-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:var(--card-background-hover)}.tool-card:hover::before{opacity:.12;transform:rotate(30deg) scale(1.2)}.tool-card:hover::after{transform:scaleX(1)}.tool-icon{font-size:3rem;width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-elevated),var(--secondary-dark));border-radius:50%;box-shadow:var(--shadow-md),inset 0 -3px 10px rgba(0,0,0,.3);transition:all var(--transition-normal);position:relative}.tool-icon::before{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:50%;z-index:-1;opacity:.3}.tool-card:hover .tool-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));transform:scale(1.1) rotate(360deg);box-shadow:var(--glow-primary),inset 0 -3px 10px rgba(0,0,0,.5)}.tool-card:hover .tool-icon::before{opacity:.6;box-shadow:var(--glow-primary)}.tool-name{font-size:1rem;color:var(--text-color);margin:0;font-weight:600;transition:all var(--transition-fast)}.tool-card:hover .tool-name{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-md)}.tool-icon{width:70px;height:70px;font-size:2.5rem}}@media(max-width:768px){.tools-section{padding:var(--spacing-xl) 0}.section-header h2{font-size:2rem}.section-description{font-size:1rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.tool-card{padding:var(--spacing-md)}.tool-icon{width:60px;height:60px;font-size:2rem}.tool-name{font-size:.9rem}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.tools-grid{grid-template-columns:repeat(2,1fr)}}.stats-section{padding:var(--spacing-xxxl) var(--spacing-lg);background:linear-gradient(135deg,var(--background-color) 0%,var(--background-secondary) 100%);position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;overflow:hidden}.stats-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(60deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(120deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px);opacity:.12}.stats-section.visible{opacity:1;transform:translateY(0)}.stats-section .section-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.stats-section .section-header{text-align:center;margin-bottom:var(--spacing-xxxl)}.stats-section .section-header h2{font-size:2.5rem;font-weight:700;color:var(--header-color);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--header-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-section .section-divider{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));margin:0 auto var(--spacing-lg);border-radius:2px;box-shadow:var(--glow-primary)}.stats-section .section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xxxl)}.stat-card{background:var(--card-background-color);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;opacity:0;animation:fadeInUp .6s ease-out forwards;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:15px;right:15px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.08;transition:all var(--transition-normal)}.stat-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform var(--transition-normal)}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--glow-primary);border-color:var(--primary-color);background:var(--card-background-hover)}.stat-card:hover::before{opacity:.15;transform:rotate(30deg) scale(1.2)}.stat-card:hover::after{transform:scaleX(1)}.stat-icon{font-size:3rem;width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;box-shadow:var(--shadow-md),inset 0 -3px 10px rgba(0,0,0,.3);transition:all var(--transition-normal);position:relative}.stat-icon::before{content:'';position:absolute;inset:-2px;background:var(--metallic-steel);border-radius:50%;z-index:-1;opacity:.3}.stat-card:hover .stat-icon{background:linear-gradient(135deg,var(--primary-light),var(--accent-color));transform:scale(1.1) rotate(5deg);box-shadow:var(--glow-primary),inset 0 -3px 10px rgba(0,0,0,.5)}.stat-card:hover .stat-icon::before{opacity:.6;box-shadow:var(--glow-primary)}.stat-number{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);line-height:1;font-family:var(--font-family-base);transition:all var(--transition-normal)}.stat-card:hover .stat-number{transform:scale(1.1);text-shadow:var(--glow-primary)}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast)}.stat-card:hover .stat-label{color:var(--text-color)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.stats-section .section-header h2{font-size:2rem}.stat-number{font-size:3rem}.stat-icon{width:70px;height:70px;font-size:2.5rem}}@media(max-width:768px){.stats-section{padding:var(--spacing-xl) var(--spacing-md)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.stats-section .section-header h2{font-size:1.75rem}.stats-section .section-description{font-size:1rem}.stat-card{padding:var(--spacing-lg)}.stat-number{font-size:2.5rem}.stat-icon{width:60px;height:60px;font-size:2rem;margin-bottom:var(--spacing-md)}.stat-label{font-size:.9rem}}@media(max-width:480px){.stats-section .section-header h2{font-size:1.5rem}.stat-number{font-size:2rem}.stat-icon{width:50px;height:50px;font-size:1.75rem}}:root{--primary-color:#2962ff;--primary-light:#768fff;--primary-dark:#0039cb;--accent-color:#00bfa5;--success-color:#43b581;--muted-color:#78909c;--background-color:#121212;--background-secondary:#1e1e1e;--card-background:#1c1c1e;--card-background-hover:#2c2c2e;--text-color:#e0e0e0;--text-secondary:#b0bec5;--header-color:#fff;--border-color:#333;--shadow-sm:0 2px 5px rgba(0,0,0,.2);--shadow-md:0 4px 8px rgba(0,0,0,.3);--shadow-lg:0 8px 16px rgba(0,0,0,.4);--shadow-xl:0 12px 24px rgba(0,0,0,.5);--transition-fast:.2s ease;--transition-normal:.3s ease;--border-radius:8px;--border-radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-xxxl:128px;--hex-border:rgba(255,255,255,.1);--glow-primary:0 0 8px rgba(41,98,255,.6)}.faq-section{padding:var(--spacing-xxxl) 0;background:linear-gradient(135deg,var(--background-color) 0%,var(--background-secondary) 100%);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;overflow:hidden}.faq-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(60deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px),repeating-linear-gradient(120deg,transparent,transparent 55px,var(--hex-border) 55px,var(--hex-border) 56px);opacity:.1;pointer-events:none}.faq-section.visible{opacity:1;transform:translateY(0)}.section-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2;pointer-events:auto}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--header-color);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--header-color),var(--text-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));margin:0 auto var(--spacing-lg);border-radius:2px;box-shadow:var(--glow-primary)}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.faq-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);pointer-events:auto}.faq-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);opacity:0;animation:fadeInUp .6s ease-out forwards;position:relative;z-index:3}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-item:nth-child(7){animation-delay:.7s}.faq-item:nth-child(8){animation-delay:.8s}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md),var(--glow-primary);transform:translateX(4px)}.faq-item.active{border-left:4px solid var(--primary-color);box-shadow:var(--shadow-lg),var(--glow-primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);cursor:pointer;user-select:none;transition:all var(--transition-fast);background:var(--card-background);position:relative;z-index:4;pointer-events:auto}.faq-question:hover{background:var(--card-background-hover)}.faq-question span:first-child{font-size:1.1rem;font-weight:600;color:var(--text-color);transition:color var(--transition-fast);flex:1;padding-right:var(--spacing-md)}.faq-item.active .faq-question span:first-child{color:var(--primary-color)}.faq-icon{font-size:1.8rem;font-weight:300;color:var(--text-secondary);transition:all var(--transition-normal);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--background-secondary);flex-shrink:0;line-height:1;font-family:Arial,sans-serif}.faq-item.active .faq-icon{transform:rotate(180deg);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--header-color);box-shadow:var(--glow-primary)}.faq-answer{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease-out,opacity .3s ease-out,padding .3s ease-out;background:var(--background-secondary);border-top:1px solid transparent;padding:0 var(--spacing-lg)}.faq-answer.open{max-height:1000px;opacity:1;border-top-color:var(--border-color);padding:var(--spacing-lg)}.faq-answer-content{padding:0}.faq-answer p{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.faq-cta{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.faq-cta p{font-size:1.1rem;color:var(--text-color);margin-bottom:var(--spacing-md);font-weight:500}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition-normal);cursor:pointer;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--header-color);box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.faq-section{padding:var(--spacing-xxl) 0}.section-header h2{font-size:2rem}.section-description{font-size:1rem}.faq-question{padding:var(--spacing-md)}.faq-question span:first-child{font-size:1rem}.faq-answer p{padding:var(--spacing-md);font-size:.95rem}.faq-icon{width:28px;height:28px;font-size:1.3rem}}@media(max-width:480px){.section-container{padding:0 var(--spacing-md)}.section-header h2{font-size:1.75rem}.faq-question{padding:var(--spacing-sm) var(--spacing-md)}.faq-question span:first-child{font-size:.95rem}.faq-answer p{padding:var(--spacing-sm) var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem}}