:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-glass:#ffffff0d;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--accent-blue:#00d4ff;--accent-purple:#a855f7;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f97316;--accent-yellow:#eab308;--accent-pink:#ec4899;--gradient-primary:linear-gradient(135deg,#00d4ff 0%,#a855f7 100%);--gradient-blue:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);--gradient-purple:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);--gradient-cyan:linear-gradient(135deg,#22d3ee 0%,#0ea5e9 100%);--gradient-green:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-red:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);--gradient-orange:linear-gradient(135deg,#f97316 0%,#ea580c 100%);--gradient-yellow:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);--gradient-pink:linear-gradient(135deg,#ec4899 0%,#db2777 100%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px #00d4ff4d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--accent-blue);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan)}img{max-width:100%;height:auto}.bg-animation{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-gradient{background:radial-gradient(at 20% 20%,#00d4ff26 0%,#0000 50%),radial-gradient(at 80% 80%,#a855f726 0%,#0000 50%),radial-gradient(#10b98114 0%,#0000 70%);position:absolute;inset:0}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.floating-shapes{pointer-events:none;position:absolute;inset:0}.shape{filter:blur(60px);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{background:#00d4ff1a;width:400px;height:400px;top:10%;left:10%}.shape-2{background:#a855f71a;width:300px;height:300px;animation-delay:-5s;top:60%;right:10%}.shape-3{background:#10b9811a;width:250px;height:250px;animation-delay:-10s;bottom:20%;left:30%}.shape-4{background:#ec489914;width:350px;height:350px;animation-delay:-15s;top:40%;right:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.navbar{z-index:1000;padding:var(--spacing-md)0;transition:var(--transition-normal);background:0 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fe6;border-bottom:1px solid #ffffff0d}.navbar .container{justify-content:space-between;align-items:center;gap:var(--spacing-xl);display:flex}.logo{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:1.5rem;font-weight:700;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo .highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-menu{gap:var(--spacing-xs);list-style:none;display:flex}.nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-glass)}.nav-link i{font-size:.9rem}.nav-toggle{padding:var(--spacing-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:var(--text-primary);width:25px;height:2px;transition:var(--transition-fast)}.nav-cta{display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-2px)}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #fff3}.btn-outline:hover{background:var(--bg-glass);color:var(--text-primary);border-color:#ffffff4d}.btn-light{color:var(--bg-primary);background:#fff}.btn-light:hover{box-shadow:var(--shadow-lg);color:var(--bg-primary);transform:translateY(-2px)}.btn-outline-light{color:#fff;background:0 0;border:1px solid #fff}.btn-outline-light:hover{color:#fff;background:#ffffff1a}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.btn-block{width:100%}.btn-glow:hover{box-shadow:0 0 40px #00d4ff66}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex}.hero .container{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-full);color:var(--accent-blue);margin-bottom:var(--spacing-lg);border:1px solid #ffffff1a;font-size:.875rem;display:inline-flex}.hero-title{margin-bottom:var(--spacing-lg);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:500px;font-size:1.125rem}.hero-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--spacing-2xl);display:flex}.stat-item{text-align:center}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;display:block}.code-window{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;overflow:hidden}.code-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex}.code-dots{gap:var(--spacing-sm);display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-title{color:var(--text-muted);font-family:Fira Code,monospace;font-size:.8rem}.code-content{padding:var(--spacing-lg);overflow-x:auto}.code-content code{font-family:Fira Code,monospace;font-size:.9rem;line-height:1.8}.code-content .keyword{color:#c678dd}.code-content .classname{color:#e5c07b}.code-content .string{color:#98c379}.code-content .method{color:#61afef}.section{padding:var(--spacing-3xl)0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-full);color:var(--accent-blue);margin-bottom:var(--spacing-md);border:1px solid #ffffff1a;font-size:.875rem;display:inline-flex}.section-title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.section-cta{text-align:center;margin-top:var(--spacing-2xl)}.services-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.service-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition-normal);border:1px solid #ffffff0d;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:var(--transition-normal);position:absolute;top:0;left:0;right:0}.service-card.gradient-blue:before{background:var(--gradient-blue)}.service-card.gradient-purple:before{background:var(--gradient-purple)}.service-card.gradient-cyan:before{background:var(--gradient-cyan)}.service-card.gradient-green:before{background:var(--gradient-green)}.service-card.gradient-red:before{background:var(--gradient-red)}.service-card.gradient-orange:before{background:var(--gradient-orange)}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-5px)}.service-card:hover:before{opacity:1}.service-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;width:60px;height:60px;margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.service-card.gradient-blue .service-icon{background:var(--gradient-blue)}.service-card.gradient-purple .service-icon{background:var(--gradient-purple)}.service-card.gradient-cyan .service-icon{background:var(--gradient-cyan)}.service-card.gradient-green .service-icon{background:var(--gradient-green)}.service-card.gradient-red .service-icon{background:var(--gradient-red)}.service-card.gradient-orange .service-icon{background:var(--gradient-orange)}.service-title{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.service-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.service-features{list-style:none}.service-features li{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)0;color:var(--text-secondary);font-size:.9rem;display:flex}.service-features li i{color:var(--accent-green);font-size:.75rem}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.projects-grid.large{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition-normal);color:var(--text-primary);border:1px solid #ffffff0d;display:block;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;height:3px;transition:var(--transition-normal);position:absolute;top:0;left:0;right:0}.project-card.gradient-blue:before{background:var(--gradient-blue)}.project-card.gradient-purple:before{background:var(--gradient-purple)}.project-card.gradient-cyan:before{background:var(--gradient-cyan)}.project-card.gradient-green:before{background:var(--gradient-green)}.project-card.gradient-red:before{background:var(--gradient-red)}.project-card.gradient-orange:before{background:var(--gradient-orange)}.project-card.gradient-yellow:before{background:var(--gradient-yellow)}.project-card.gradient-pink:before{background:var(--gradient-pink)}.project-card:hover{box-shadow:var(--shadow-lg);color:var(--text-primary);border-color:#ffffff1a;transform:translateY(-5px)}.project-card:hover:before{opacity:1}.project-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.project-icon{background:var(--bg-glass);border-radius:var(--radius-md);width:50px;height:50px;color:var(--accent-blue);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.project-card.gradient-blue .project-icon{color:var(--accent-blue)}.project-card.gradient-purple .project-icon{color:var(--accent-purple)}.project-card.gradient-cyan .project-icon{color:var(--accent-cyan)}.project-card.gradient-green .project-icon{color:var(--accent-green)}.project-card.gradient-red .project-icon{color:var(--accent-red)}.project-card.gradient-orange .project-icon{color:var(--accent-orange)}.project-language{align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.8rem;display:flex}.language-dot{background:var(--accent-blue);border-radius:50%;width:8px;height:8px}.project-card.gradient-purple .language-dot{background:var(--accent-purple)}.project-card.gradient-green .language-dot{background:var(--accent-green)}.project-card.gradient-red .language-dot{background:var(--accent-red)}.project-card.gradient-orange .language-dot{background:var(--accent-orange)}.project-card.gradient-yellow .language-dot{background:var(--accent-yellow)}.project-title{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.project-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.project-stats span{align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:.8rem;display:flex}.project-topics{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.topic-tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-glass);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem}.project-meta{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff0d;display:flex}.project-meta span{align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:.75rem;display:flex}.cta-section{padding:var(--spacing-2xl)0}.cta-card{justify-content:space-between;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-2xl)var(--spacing-3xl);background:var(--gradient-primary);border-radius:var(--radius-xl);flex-wrap:wrap;display:flex}.cta-content h2{margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:700}.cta-content p{opacity:.9}.page-header{text-align:center;background:linear-gradient(#00d4ff0d 0%,#0000 100%);padding:150px 0 60px}.page-title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,4vw,3rem);font-weight:700}.page-description{color:var(--text-secondary);font-size:1.125rem}.about-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-intro h2{margin-bottom:var(--spacing-lg);font-size:2rem}.about-intro p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.about-info{gap:var(--spacing-md);margin:var(--spacing-xl)0;flex-direction:column;display:flex}.info-item{align-items:center;gap:var(--spacing-md);color:var(--text-secondary);display:flex}.info-item i{color:var(--accent-blue);width:20px}.about-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.about-skills{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid #ffffff0d}.about-skills h3{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);color:var(--accent-blue);display:flex}.skills-category{margin-bottom:var(--spacing-lg)}.skills-category h4{color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:.9rem}.skill-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.skill-tag{padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-md);transition:var(--transition-fast);font-size:.85rem}.skill-tag:hover{transform:translateY(-2px)}.skill-tag.gradient-purple{color:var(--accent-purple);background:#a855f733}.skill-tag.gradient-blue{color:var(--accent-blue);background:#00d4ff33}.skill-tag.gradient-green{color:var(--accent-green);background:#10b98133}.skill-tag.gradient-cyan{color:var(--accent-cyan);background:#22d3ee33}.skill-tag.gradient-yellow{color:var(--accent-yellow);background:#eab30833}.skill-tag.gradient-red{color:var(--accent-red);background:#ef444433}.skill-tag.gradient-orange{color:var(--accent-orange);background:#f9731633}.process-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.process-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal);border:1px solid #ffffff0d;position:relative}.process-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.process-number{top:var(--spacing-md);right:var(--spacing-md);opacity:.05;font-size:3rem;font-weight:800;position:absolute}.process-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;width:60px;height:60px;margin:0 auto var(--spacing-lg);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.process-card h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.process-card p{color:var(--text-secondary);font-size:.9rem}.contact-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;display:grid}.contact-info h2{margin-bottom:var(--spacing-md);font-size:2rem}.contact-info>p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.contact-methods{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--spacing-md);display:flex}.method-icon{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.method-icon.gradient-blue{background:var(--gradient-blue)}.method-icon.gradient-purple{background:var(--gradient-purple)}.method-icon.gradient-cyan{background:var(--gradient-cyan)}.method-info h4{margin-bottom:var(--spacing-xs);font-size:.9rem}.method-info p,.method-info a{color:var(--text-secondary);font-size:.9rem}.social-section h4{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:.9rem}.social-links{gap:var(--spacing-sm);display:flex}.social-links.large .social-link{width:45px;height:45px;font-size:1.1rem}.social-link{background:var(--bg-glass);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px)}.contact-form-wrapper{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid #ffffff0d}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.form-control{width:100%;padding:var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition-fast);border:1px solid #ffffff1a;font-size:1rem}.form-control:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:120px}.text-danger{color:var(--accent-red);margin-top:var(--spacing-xs);font-size:.8rem}.alert{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.alert-success{color:var(--accent-green);background:#10b9811a;border:1px solid #10b9814d}.filter-bar{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.filter-label{align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.9rem;display:flex}.filter-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-tag{padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-glass);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #ffffff1a;font-size:.85rem}.filter-tag:hover,.filter-tag.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.project-detail-header{padding:150px 0 60px;position:relative;overflow:hidden}.project-detail-header:before{content:"";background:linear-gradient(180deg,#0000004d 0%,var(--bg-primary)100%);position:absolute;inset:0}.project-detail-header.gradient-blue{background:linear-gradient(135deg,#0ea5e933 0%,#0000 50%)}.project-detail-header.gradient-purple{background:linear-gradient(135deg,#a855f733 0%,#0000 50%)}.project-detail-header.gradient-green{background:linear-gradient(135deg,#10b98133 0%,#0000 50%)}.project-detail-header.gradient-red{background:linear-gradient(135deg,#ef444433 0%,#0000 50%)}.project-detail-header .container{z-index:1;position:relative}.breadcrumb{margin-bottom:var(--spacing-xl)}.breadcrumb a{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:inline-flex}.breadcrumb a:hover{color:var(--text-primary)}.project-detail-intro{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.project-icon.large{background:var(--bg-glass);border-radius:var(--radius-lg);width:80px;height:80px;font-size:2rem}.project-detail-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);display:flex}.project-detail-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.project-detail-grid{gap:var(--spacing-xl);grid-template-columns:1fr 350px;align-items:start;display:grid}.readme-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff0d;overflow:hidden}.readme-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-glass);border-bottom:1px solid #ffffff0d;font-weight:500;display:flex}.readme-content{padding:var(--spacing-xl);line-height:1.8}.readme-content h1,.readme-content h2,.readme-content h3{margin:var(--spacing-lg)0 var(--spacing-md)}.readme-content p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.readme-content code{background:var(--bg-glass);border-radius:var(--radius-sm);padding:2px 6px;font-family:Fira Code,monospace;font-size:.9em}.readme-content pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow-x:auto}.readme-content pre code{background:0 0;padding:0}.sidebar-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid #ffffff0d}.sidebar-card h4{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:1rem;display:flex}.info-list{list-style:none}.info-list li{padding:var(--spacing-sm)0;border-bottom:1px solid #ffffff0d;justify-content:space-between;display:flex}.info-list li:last-child{border-bottom:none}.info-value{font-weight:500}.topic-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.sidebar-card.cta{background:var(--gradient-primary);border:none}.sidebar-card.cta h4{color:#fff}.sidebar-card.cta p{opacity:.9;margin-bottom:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-3xl)}.empty-state i{color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:4rem}.empty-state h3{margin-bottom:var(--spacing-sm);font-size:1.5rem}.empty-state p{color:var(--text-muted)}.footer{background:var(--bg-secondary);padding:var(--spacing-3xl)0 var(--spacing-xl);margin-top:var(--spacing-3xl);border-top:1px solid #ffffff0d}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{color:var(--text-secondary);margin:var(--spacing-md)0;max-width:300px}.footer-links h4,.footer-contact h4{margin-bottom:var(--spacing-lg);font-size:1rem}.footer-links ul,.footer-contact ul{list-style:none}.footer-links li,.footer-contact li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--accent-blue)}.footer-contact li{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;display:flex}.footer-contact li i{color:var(--accent-blue);width:20px}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid #ffffff0d}.footer-bottom p{color:var(--text-muted);font-size:.9rem}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.testimonial-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition-normal);border:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;display:flex}.testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-5px)}.testimonial-content{margin-bottom:var(--spacing-lg)}.rating{color:var(--accent-yellow);margin-bottom:var(--spacing-md);font-size:.9rem}.comment{color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff0d;display:flex}.author-avatar{object-fit:cover;border:2px solid var(--accent-blue);border-radius:50%;width:50px;height:50px}.author-info h4{margin-bottom:2px;font-size:1rem;font-weight:600}.author-info span{color:var(--text-muted);font-size:.85rem}@media (max-width:1024px){.hero .container{text-align:center;grid-template-columns:1fr}.hero-description{margin:0 auto var(--spacing-xl)}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{display:none}.about-grid,.contact-grid,.project-detail-grid{grid-template-columns:1fr}.project-sidebar{order:-1}.process-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-lg);opacity:0;transition:var(--transition-normal);background:#0a0a0ffa;flex-direction:column;position:fixed;top:70px;left:0;right:0;transform:translateY(-150%)}.nav-menu.active{opacity:1;transform:translateY(0)}.nav-toggle{display:flex}.nav-cta{display:none}.services-grid,.projects-grid,.process-grid{grid-template-columns:1fr}.cta-card{text-align:center;padding:var(--spacing-xl);flex-direction:column}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand p{margin:var(--spacing-md)auto}.social-links{justify-content:center}}.loading-placeholder{text-align:center;padding:var(--spacing-3xl);color:var(--text-muted);grid-column:1/-1;font-size:1.1rem}.loading-placeholder i{margin-right:var(--spacing-sm)}.error-message{text-align:center;padding:var(--spacing-2xl);border-radius:var(--radius-lg);color:var(--accent-red);background:#ef44441a;border:1px solid #ef44444d;grid-column:1/-1}.private-badge{border-radius:var(--radius-sm);width:20px;height:20px;margin-left:var(--spacing-xs);background:#00000080;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.cta-card{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl)var(--spacing-3xl);justify-content:space-between;align-items:center;gap:var(--spacing-xl);display:flex}.cta-content h2{color:#fff;margin-bottom:var(--spacing-sm);font-size:1.75rem}.cta-content p{color:#ffffffe6}.project-meta{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);color:var(--text-muted);border-top:1px solid #ffffff0d;font-size:.8rem;display:flex}.project-meta span{align-items:center;gap:var(--spacing-xs);display:flex}.form-control:focus{border-color:var(--accent-blue);background:#ffffff1a;outline:none;box-shadow:0 0 0 3px #00d4ff33}.navbar{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-menu.active{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9998;background:#0a0a0ff2}.footer{z-index:10;position:relative}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-blue)}}.typing-effect{border-right:3px solid var(--accent-blue);white-space:nowrap;animation:3.5s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99,0 0 60px #a855f74d}}.glow-animate{animation:2s ease-in-out infinite glow-pulse}.card-3d{transform-style:preserve-3d;transition:transform .4s,box-shadow .4s}.card-3d:hover{transform:perspective(1000px)rotateX(5deg)rotateY(-5deg)translateZ(20px);box-shadow:0 25px 50px #00d4ff33,0 0 30px #a855f71a}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-animate{animation:3s ease-in-out infinite floating}.gradient-border{background:var(--bg-card);border-radius:var(--radius-xl);position:relative}.gradient-border:before{content:"";background:var(--gradient-primary);border-radius:calc(var(--radius-xl) + 2px);z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.gradient-border:hover:before{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:.6s ease-out forwards count-up}.neon-text{text-shadow:0 0 10px var(--accent-blue),0 0 20px var(--accent-blue),0 0 40px var(--accent-purple)}.glass-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animated-gradient-bg{background:linear-gradient(-45deg,#0a0a0f,#1a1a2e,#16213e,#0a0a0f) 0 0/400% 400%;animation:15s infinite gradient-shift}.scale-hover{transition:transform .3s}.scale-hover:hover{transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.6s ease-out forwards slideUp}.tech-badge{border-radius:var(--radius-full);color:var(--accent-blue);background:#00d4ff1a;border:1px solid #00d4ff33;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .3s;display:inline-flex}.tech-badge:hover{background:#00d4ff33;transform:translateY(-2px);box-shadow:0 5px 20px #00d4ff33}.terminal-window{border-radius:var(--radius-lg);background:#1a1a2e;border:1px solid #ffffff1a;overflow:hidden;box-shadow:0 20px 60px #00000080}.terminal-header{background:#0000004d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-body{padding:20px;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.8}.terminal-line{margin-bottom:8px}.terminal-prompt{color:var(--accent-green)}.terminal-command{color:var(--text-primary)}.terminal-output{color:var(--text-secondary)}.hero-sm{min-height:auto;padding:150px 0 80px}.hero-sm .hero-content{max-width:800px;margin:0 auto}.text-center{text-align:center}.fade-in-scroll{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(30px)}.fade-in{animation:.6s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-grid>:first-child{animation-delay:.1s}.services-grid>:nth-child(2){animation-delay:.2s}.services-grid>:nth-child(3){animation-delay:.3s}.services-grid>:nth-child(4){animation-delay:.4s}.tech-marquee{padding:20px 0;overflow:hidden}.tech-track{gap:20px;animation:30s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-marquee:hover .tech-track{animation-play-state:paused}.testimonials-section{background:#0003}.testimonials-slider{max-width:700px;margin:0 auto;position:relative;overflow:hidden}.testimonials-track{transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.testimonial-card{border-radius:var(--radius-xl);text-align:center;flex:0 0 100%;padding:2rem}.testimonial-stars{justify-content:center;gap:4px;margin-bottom:1rem;display:flex}.testimonial-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;font-style:italic;line-height:1.7}.testimonial-author{justify-content:center;align-items:center;gap:12px;display:flex}.author-avatar{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.testimonial-author strong{color:var(--text-primary);display:block}.testimonial-author span{color:var(--text-muted);font-size:.85rem}.testimonials-dots{justify-content:center;gap:8px;margin-top:1.5rem;display:flex}.testimonials-dots .dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.testimonials-dots .dot.active{background:var(--accent-blue);transform:scale(1.2)}.testimonials-dots .dot:hover{background:var(--accent-cyan)}.project-detail{padding:120px 0 60px}.project-detail-header{margin-bottom:2rem}.project-detail-title{margin-bottom:1rem;font-size:2.5rem}.project-detail-badges{flex-wrap:wrap;gap:10px;margin-bottom:1.5rem;display:flex}.project-detail-content{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.project-detail-content{grid-template-columns:1fr}}.project-description-card{border-radius:var(--radius-xl);padding:2rem}.project-sidebar{flex-direction:column;gap:1rem;display:flex}.project-stat-card{border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.project-stat-card h4{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.project-stat-card .stat-value{color:var(--accent-blue);font-size:1.5rem;font-weight:700}.back-btn{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:1rem;transition:color .3s;display:inline-flex}.back-btn:hover{color:var(--accent-blue)}.section-description{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto}.btn,.service-card,.project-card,.tech-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-wrapper{min-height:100vh;padding:120px 0 60px}.back-link{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0d;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-flex}.back-link:hover{color:var(--accent-blue);background:#00d4ff1a}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state i{color:var(--accent-red);font-size:3rem}.error-state h2{color:var(--text-primary)}.error-state p{color:var(--text-muted)}.detail-header{border-bottom:1px solid #ffffff14;margin-bottom:2rem;padding-bottom:2rem}.detail-badges{flex-wrap:wrap;gap:10px;margin-bottom:1rem;display:flex}.badge{border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:inline-flex}.badge-private{color:var(--accent-yellow);background:#eab30826;border-color:#eab3084d}.badge-lang{background:#00d4ff1a}.lang-dot{border-radius:50%;width:8px;height:8px}.detail-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.detail-desc{color:var(--text-secondary);max-width:700px;font-size:1.1rem;line-height:1.6}.detail-grid{grid-template-columns:1fr 280px;align-items:start;gap:2rem;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{order:-1}}.detail-main{flex-direction:column;gap:1.5rem;display:flex}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#ffffff08;border:1px solid #ffffff14;padding:1.5rem}.detail-card h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:1.25rem;font-size:1.1rem;display:flex}.detail-card h3 i{color:var(--accent-blue)}.info-list{flex-direction:column;gap:1rem;display:flex}.info-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding-bottom:.75rem;display:flex}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-muted);font-size:.9rem}.info-value{color:var(--text-primary);font-weight:500}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag{border-radius:var(--radius-full);color:var(--accent-cyan);background:#00d4ff1a;border:1px solid #00d4ff33;padding:6px 12px;font-size:.8rem}.detail-sidebar{flex-direction:column;gap:1rem;display:flex}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-card>i{color:var(--accent-blue);text-align:center;width:40px;font-size:1.5rem}.stat-content{flex-direction:column;display:flex}.stat-num{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem}