:root{--primary:#00f0ff;--primary-dark:#00b8c4;--primary-glow:rgba(0, 240, 255, 0.3);--secondary:#7b2fff;--secondary-glow:rgba(123, 47, 255, 0.3);--accent:#ff00e5;--accent-glow:rgba(255, 0, 229, 0.3);--success:#00ff88;--warning:#ffaa00;--error:#ff3366;--bg-dark:#0a0a0f;--bg-darker:#050508;--bg-card:rgba(15, 15, 25, 0.8);--bg-card-hover:rgba(25, 25, 40, 0.9);--bg-glass:rgba(10, 10, 20, 0.7);--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.9);--text-muted:rgba(255, 255, 255, 0.75);--border-color:rgba(255, 255, 255, 0.1);--border-glow:rgba(0, 240, 255, 0.3);--gradient-primary:linear-gradient(135deg, var(--primary), var(--secondary));--gradient-accent:linear-gradient(135deg, var(--secondary), var(--accent));--gradient-dark:linear-gradient(180deg, var(--bg-dark), var(--bg-darker));--gradient-glow:linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 40px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 30px var(--primary-glow);--shadow-glow-lg:0 0 60px var(--primary-glow);--font-display:'Montserrat',sans-serif;--font-body:'Montserrat',sans-serif;--section-padding:60px;--container-width:1200px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary);color:var(--bg-dark)}.icon{display:inline-block;vertical-align:middle;fill:currentColor;flex-shrink:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,var(--primary-glow) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-200px,-200px);opacity:.5;transition:opacity .3s ease;will-change:transform;contain:layout style}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;contain:strict}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all var(--transition-normal);background:0 0}.navbar.scrolled{background:var(--bg-glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:15px 0}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:2px}.logo-bracket{color:var(--primary)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dot{color:var(--accent);animation:pulse 2s infinite}.logo-ext{color:var(--text-secondary)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.nav-menu{display:flex;gap:40px}.nav-link{position:relative;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 0;transition:color var(--transition-fast)}.nav-link::before{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary);font-weight:600;opacity:0;transition:opacity var(--transition-fast);text-shadow:0 0 20px var(--primary-glow)}.nav-link.active,.nav-link:hover{color:transparent}.nav-link.active::before,.nav-link:hover::before{opacity:1}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link.active::after,.nav-link:hover::after{width:100%}.nav-cta{display:flex;align-items:center}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}.mobile-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all var(--transition-normal)}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--bg-dark);box-shadow:var(--shadow-glow)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-lg)}.btn-outline{background:0 0;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.btn-large{padding:16px 32px;font-size:1rem}.btn-full{width:100%;justify-content:center}.btn .icon{transition:transform var(--transition-normal)}.btn:hover .icon{transform:translateX(4px)}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:120px 24px 80px;max-width:var(--container-width);margin:0 auto;position:relative}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:-1}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);opacity:.3}.floating-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);animation:float 20s infinite ease-in-out;will-change:transform;contain:strict}.shape-1{width:400px;height:400px;background:var(--primary-glow);top:10%;right:20%;animation-delay:0s}.shape-2{width:300px;height:300px;background:var(--secondary-glow);bottom:20%;left:10%;animation-delay:-5s}.shape-3{width:200px;height:200px;background:var(--accent-glow);top:50%;left:30%;animation-delay:-10s}.shape-4{width:250px;height:250px;background:var(--primary-glow);bottom:10%;right:10%;animation-delay:-15s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,10px) scale(1.05)}}.hero-content{z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);font-size:.85rem;color:var(--text-secondary);margin-bottom:30px;animation:fadeInUp .8s ease}.badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.1;margin-bottom:24px;animation:fadeInUp .8s ease .2s backwards}.hero-title .line-1{display:block;color:var(--text-primary)}.hero-title .line-2{display:block}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:500px;margin-bottom:40px;animation:fadeInUp .8s ease .4s backwards}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:60px;animation:fadeInUp .8s ease .6s backwards}.hero-stats{display:flex;gap:50px;animation:fadeInUp .8s ease .8s backwards}.stat{text-align:left}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-suffix{font-family:var(--font-display);font-size:1.5rem;color:var(--primary)}.stat-label{display:block;font-size:.9rem;color:var(--text-muted);margin-top:4px}.hero-visual{position:relative;animation:fadeInRight 1s ease .4s backwards}.code-window{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform var(--transition-slow)}.code-window:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.window-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-darker);border-bottom:1px solid var(--border-color)}.window-dots{display:flex;gap:8px}.window-dots .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.window-title{font-family:monospace;font-size:.85rem;color:var(--text-muted)}.window-content{padding:24px;font-family:'JetBrains Mono','Fira Code',monospace;font-size:.9rem;line-height:1.8;overflow-x:auto}.window-content code{color:var(--text-secondary)}.window-content .keyword{color:var(--accent)}.window-content .variable{color:var(--primary)}.window-content .property{color:var(--warning)}.window-content .string{color:var(--success)}.window-content .function{color:var(--secondary)}.window-content .param{color:var(--text-primary)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem;animation:bounce 2s infinite}.mouse{width:24px;height:40px;border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background:var(--primary);border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}section{position:relative;padding:var(--section-padding) 0}.section-header{text-align:center;margin-bottom:40px}.section-tag{display:inline-block;font-family:monospace;font-size:.9rem;color:var(--primary);margin-bottom:16px;padding:6px 16px;background:var(--primary-glow);border-radius:var(--radius-sm)}.section-tag.closing{display:block;text-align:center;margin-top:60px;margin-bottom:0}.section-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.services{background:var(--gradient-dark);content-visibility:auto;contain-intrinsic-size:auto 800px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.service-card{position:relative;padding:40px 30px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.service-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.service-card:hover::before{transform:scaleX(1)}.service-card.featured{border-color:var(--primary);box-shadow:var(--shadow-glow)}.service-card.featured::before{transform:scaleX(1)}.card-badge{position:absolute;top:20px;right:20px;padding:6px 12px;background:var(--gradient-primary);color:var(--bg-dark);font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm)}.service-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.card-icon{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon i{font-size:1.5rem;color:var(--primary);position:relative;z-index:1}.card-icon .icon-bg{position:absolute;inset:0;background:var(--gradient-primary);opacity:.15;border-radius:var(--radius-md);transition:all var(--transition-normal)}.service-card:hover .icon-bg{opacity:.25;transform:scale(1.1)}.service-card h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin:0}.service-card p{color:var(--text-secondary);margin-bottom:20px}.card-features{list-style:none;margin-bottom:24px}.card-features li{position:relative;padding-left:20px;margin-bottom:8px;font-size:.9rem;color:var(--text-muted)}.card-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary);border-radius:50%}.card-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;transition:gap var(--transition-normal)}.card-link:hover{gap:12px}.projects{background:var(--bg-darker);content-visibility:auto;contain-intrinsic-size:auto 1000px}.projects-filter{display:flex;justify-content:center;gap:12px;margin-bottom:50px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.filter-btn.active,.filter-btn:hover{background:var(--gradient-primary);border-color:transparent;color:var(--bg-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--border-glow)}.project-image{position:relative;height:220px;background:var(--bg-darker);overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-card) 100%)}.image-placeholder i{font-size:4rem;color:var(--primary);opacity:.3}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.overlay-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal)}.overlay-btn:hover{background:var(--primary);color:var(--bg-dark);border-color:var(--primary)}.project-info{padding:24px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{padding:4px 12px;background:var(--primary-glow);color:var(--primary);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.project-info h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:8px}.project-info p{color:var(--text-secondary);font-size:.95rem}.projects-cta{text-align:center;margin-top:50px}.about{background:var(--gradient-dark);content-visibility:auto;contain-intrinsic-size:auto 700px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-content .section-tag{margin-bottom:20px}.about-content .section-title{text-align:left;margin-bottom:24px}.about-text{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.feature{display:flex;gap:16px}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-sm);flex-shrink:0}.feature-icon i{color:var(--bg-dark);font-size:1rem}.feature-text strong{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.feature-text p{font-size:.9rem;color:var(--text-muted)}.about-visual{display:flex;align-items:center;justify-content:center;perspective:1000px}.solar-system{width:420px;height:420px;position:relative;transform-style:preserve-3d;animation:systemFloat 10s ease-in-out infinite;contain:content;will-change:transform}.solar-system.paused,.solar-system.paused *{animation-play-state:paused!important}@keyframes systemFloat{0%,100%{transform:rotateX(5deg) rotateY(0)}50%{transform:rotateX(8deg) rotateY(5deg)}}.stars-container{position:absolute;inset:-50px;border-radius:50%;overflow:hidden;z-index:0}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 160px 120px,var(--primary),transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 220px 200px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 250px 50px,#fff,transparent),radial-gradient(1px 1px at 280px 180px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 310px 90px,var(--secondary),transparent),radial-gradient(1px 1px at 350px 220px,#fff,transparent),radial-gradient(1px 1px at 380px 140px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 100px 250px,#fff,transparent),radial-gradient(1px 1px at 180px 280px,rgba(255,255,255,.8),transparent);animation:twinkle 4s ease-in-out infinite}.stars-2{animation-delay:-1.5s;opacity:.7;transform:rotate(45deg) scale(1.2)}.stars-3{animation-delay:-3s;opacity:.5;transform:rotate(-30deg) scale(.8)}@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.6}}.sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;z-index:10}.sun-core{position:absolute;inset:0;background:linear-gradient(135deg,#fff7e0 0,#fc0 30%,#ff9500 70%,#ff6b00 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(255,200,0,.8),0 0 40px rgba(255,150,0,.6),0 0 60px rgba(255,100,0,.4),inset 0 0 20px rgba(255,255,255,.3);animation:sunPulse 3s ease-in-out infinite;z-index:2;will-change:transform}.sun-logo{font-family:var(--font-display);font-size:.75rem;font-weight:800;color:#1a0a00;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes sunPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.sun-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,200,0,.4) 0,rgba(255,150,0,.2) 40%,transparent 70%);border-radius:50%;animation:glowPulse 4s ease-in-out infinite;will-change:transform}@keyframes glowPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.sun-corona{position:absolute;inset:-30px;background:radial-gradient(circle,transparent 30%,rgba(255,150,0,.1) 50%,transparent 70%);border-radius:50%;animation:coronaRotate 20s linear infinite}@keyframes coronaRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-path{position:absolute;top:50%;left:50%;border:1px solid rgba(0,240,255,.15);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-path-1{width:130px;height:130px}.orbit-path-2{width:190px;height:190px}.orbit-path-3{width:260px;height:260px}.orbit-path-4{width:340px;height:340px}.planet-orbit{position:absolute;top:50%;left:50%;width:2px;height:2px;transform-origin:center center;will-change:transform}.orbit-1{animation:orbit 8s linear infinite}.orbit-2{animation:orbit 12s linear infinite}.orbit-3{animation:orbit 18s linear infinite}.orbit-4{animation:orbit 25s linear infinite}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.planet{position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease}.planet:hover{transform:translate(-50%,-50%) scale(1.3);z-index:100}.planet:hover .planet-glow{opacity:1;transform:scale(1.5)}.planet:hover::after{content:attr(data-tooltip);position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--bg-card);color:var(--text-primary);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000}.planet-body{border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.planet-glow{position:absolute;inset:-5px;border-radius:50%;opacity:0;transition:all .3s ease;z-index:1}.planet-svg{width:100%;height:100%;display:block;border-radius:50%;object-fit:contain}.orbit-1 .planet{animation:counterOrbit 8s linear infinite}.orbit-2 .planet{animation:counterOrbit 12s linear infinite}.orbit-3 .planet{animation:counterOrbit 18s linear infinite}.orbit-4 .planet{animation:counterOrbit 25s linear infinite}@keyframes counterOrbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.mercury{left:65px;top:0}.mercury .planet-body{width:28px;height:28px;background:linear-gradient(135deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);border:2px solid #61dafb}.mercury i{font-size:.9rem;color:#61dafb}.mercury .planet-glow{background:radial-gradient(circle,rgba(97,218,251,.4) 0,transparent 70%)}.venus{left:95px;top:0}.venus .planet-body{width:34px;height:34px;background:linear-gradient(135deg,#1a2f1a 0,#2d5a2d 50%,#3a8c3a 100%);border:2px solid #68a063}.venus i{font-size:1.1rem;color:#68a063}.venus .planet-glow{background:radial-gradient(circle,rgba(104,160,99,.4) 0,transparent 70%)}.earth{left:130px;top:0}.earth .planet-body{width:38px;height:38px;background:linear-gradient(135deg,#1a3a5c 0,#2b5b84 30%,#4a90a4 60%,#2d8a5e 100%);border:2px solid #4b8bbe;animation:earthRotate 10s linear infinite}@keyframes earthRotate{from{background-position:0 50%}to{background-position:100% 50%}}.earth i{font-size:1.2rem;color:#ffd43b}.earth .planet-glow{background:radial-gradient(circle,rgba(74,144,226,.4) 0,transparent 70%)}.moon{position:absolute;width:16px;height:16px;background:linear-gradient(135deg,#2a2a2a 0,#4a4a4a 50%,#3a3a3a 100%);border-radius:50%;top:-25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;animation:moonOrbit 4s linear infinite;box-shadow:inset -2px -2px 4px rgba(0,0,0,.4)}.moon i{font-size:.6rem;color:#f05032}@keyframes moonOrbit{from{transform:translateX(-50%) rotate(0) translateY(-15px)}to{transform:translateX(-50%) rotate(360deg) translateY(-15px)}}.mars{left:170px;top:0}.mars .planet-body{width:32px;height:32px;background:linear-gradient(135deg,#5c1a1a 0,#8b2e2e 50%,#c44b4b 100%);border:2px solid #ff2d20}.mars i{font-size:1rem;color:#ff2d20}.mars .planet-glow{background:radial-gradient(circle,rgba(255,45,32,.4) 0,transparent 70%)}.jupiter{left:-170px;top:0}.jupiter .planet-body{width:44px;height:44px;background:linear-gradient(135deg,#1a2f1a 0,#2d5a2d 30%,#42b883 60%,#35495e 100%);border:2px solid #42b883}.jupiter i{font-size:1.4rem;color:#42b883}.jupiter .planet-glow{background:radial-gradient(circle,rgba(66,184,131,.4) 0,transparent 70%)}.saturn{left:-130px;top:0}.saturn .planet-body{width:40px;height:40px;background:linear-gradient(135deg,#0a192f 0,#1a3a5c 50%,#0db7ed 100%);border:2px solid #0db7ed}.saturn i{font-size:1.2rem;color:#0db7ed}.saturn .planet-glow{background:radial-gradient(circle,rgba(13,183,237,.4) 0,transparent 70%)}.saturn-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(75deg);width:60px;height:60px;border:3px solid rgba(13,183,237,.3);border-radius:50%;pointer-events:none}.saturn-ring::before{content:'';position:absolute;inset:4px;border:2px solid rgba(13,183,237,.2);border-radius:50%}.neptune{left:-95px;top:0}.neptune .planet-body{width:36px;height:36px;background:linear-gradient(135deg,#1a1a2e 0,#232f3e 50%,#3d4f5f 100%);border:2px solid #f90}.neptune i{font-size:1.1rem;color:#f90}.neptune .planet-glow{background:radial-gradient(circle,rgba(255,153,0,.4) 0,transparent 70%)}.asteroid-belt{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none}.asteroid{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:50%;top:50%;left:50%;transform:rotate(calc(45deg * var(--i))) translateX(110px) rotate(calc(-45deg * var(--i)));animation:asteroidOrbit 30s linear infinite;animation-delay:calc(-3.75s * var(--i))}.asteroid:nth-child(odd){width:3px;height:3px;opacity:.6}.asteroid:nth-child(3n){transform:rotate(calc(45deg * var(--i))) translateX(115px) rotate(calc(-45deg * var(--i)));animation-delay:calc(-5s * var(--i))}@keyframes asteroidOrbit{from{transform:rotate(calc(45deg * var(--i) + 0deg)) translateX(110px) rotate(calc(-45deg * var(--i) - 0deg))}to{transform:rotate(calc(45deg * var(--i) + 360deg)) translateX(110px) rotate(calc(-45deg * var(--i) - 360deg))}}.testimonials{background:var(--bg-darker);content-visibility:auto;contain-intrinsic-size:auto 600px}.testimonials-slider{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;transition:all var(--transition-normal)}.testimonial-card:hover{transform:translateY(-5px);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.testimonial-content{margin-bottom:24px}.quote-icon{font-size:2rem;color:var(--primary);opacity:.5;margin-bottom:16px}.testimonial-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%}.author-avatar i{font-size:1.2rem;color:var(--bg-dark)}.author-info strong{font-size:1rem;font-weight:600}.author-info span{font-size:.85rem;color:var(--text-muted)}.contact{background:var(--gradient-dark);content-visibility:auto;contain-intrinsic-size:auto 800px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info .section-tag{margin-bottom:20px}.contact-info .section-title{text-align:left;margin-bottom:20px}.contact-text{color:var(--text-secondary);margin-bottom:40px}.contact-details{margin-bottom:40px}.contact-item{display:flex;align-items:center;gap:16px;margin-bottom:20px}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.contact-icon i{font-size:1.2rem;color:var(--primary)}.contact-text strong{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:4px}.contact-text a,.contact-text span{color:var(--text-primary);text-decoration:none;font-weight:500}.contact-text a:hover{color:var(--primary)}.social-links{display:flex;gap:12px}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--bg-dark);transform:translateY(-3px)}.social-link img,.social-link svg{width:20px;height:20px;filter:brightness(0) invert(.7);transition:filter var(--transition-normal)}.social-link:hover img,.social-link:hover svg{filter:brightness(0) invert(.05)}.overlay-btn img{width:18px;height:18px;filter:brightness(0) invert(1);transition:filter var(--transition-normal)}.overlay-btn:hover img{filter:brightness(0) invert(.05)}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;background:var(--bg-darker);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-normal)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;background-repeat:no-repeat;background-position:right 16px center;padding-right:50px;transition:all var(--transition-normal);background-color:var(--bg-darker)!important;background:var(--bg-darker);color:var(--text-primary)}.form-group select{background:var(--bg-darker)}.form-group::after{content:'';position:absolute;right:18px;bottom:18px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--primary);pointer-events:none;transition:transform var(--transition-normal),border-color var(--transition-normal)}.form-group:has(select:focus)::after{transform:rotate(180deg);border-top-color:var(--accent)}.form-group select:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.form-group select:focus{animation:selectGlow 1.5s ease-in-out infinite alternate}@keyframes selectGlow{0%{box-shadow:0 0 5px var(--primary-glow),0 0 10px var(--primary-glow)}100%{box-shadow:0 0 15px var(--primary-glow),0 0 25px var(--primary-glow)}}.form-group select option{background-color:var(--bg-darker)!important;background:var(--bg-darker)!important;color:var(--text-primary)!important;padding:14px 18px;font-size:1rem}.form-group select option:focus,.form-group select option:hover{background-color:var(--primary)!important;background:var(--primary)!important;color:var(--bg-dark)!important}.form-group select option:checked{background-color:var(--primary)!important;background:var(--primary)!important;color:var(--bg-dark)!important;font-weight:600}.form-group select:not(:focus){background-color:var(--bg-darker);color:var(--text-primary)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--bg-darker);border-top:1px solid var(--border-color);padding:80px 0 30px;content-visibility:auto;contain-intrinsic-size:auto 400px}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:50px}.footer-brand p{color:var(--text-secondary);margin-top:16px;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column strong{display:block;font-family:var(--font-display);font-size:1rem;margin-bottom:20px;color:var(--text-primary)}.footer-column a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:12px;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.footer-bottom i{color:var(--accent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:1200px){:root{--section-padding:60px}.container{padding:0 32px}.hero{gap:40px;padding:100px 32px 60px}.about-grid,.contact-grid{gap:60px}}@media (max-width:1024px){:root{--section-padding:50px}.hero{grid-template-columns:1fr;text-align:center;gap:30px;padding:100px 24px 50px;min-height:auto}.hero-content{order:1}.hero-visual{order:2;max-width:500px;margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{justify-content:center}.code-window{transform:none}.about-grid{grid-template-columns:1fr;gap:40px}.about-content .section-tag,.about-content .section-title{text-align:center}.about-text{text-align:center}.about-features{max-width:500px;margin:40px auto 0}.about-visual{order:-1}.tech-stack{width:320px;height:320px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-info .section-tag,.contact-info .section-title,.contact-text{text-align:center}.contact-details{max-width:400px;margin:0 auto 40px}.social-links{justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center;gap:40px}.footer-brand p{margin:16px auto 0}.footer-links{justify-items:center;gap:30px}}@media (max-width:768px){:root{--section-padding:40px}html{font-size:15px}.container{padding:0 20px}.navbar{padding:15px 0}.nav-container{padding:0 20px}.nav-menu{position:fixed;top:0;right:-100%;width:100%;max-width:100%;height:100vh;background:var(--bg-darker);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:right var(--transition-normal);border-left:none;z-index:999}.nav-menu.active{right:0}.nav-link{font-size:1.2rem;padding:12px 0}.nav-cta{display:none}.mobile-toggle{display:flex;z-index:1001}.mobile-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{padding:100px 20px 40px;gap:30px}.hero-badge{padding:6px 16px;font-size:.8rem;margin-bottom:20px}.hero-title{font-size:clamp(1.8rem, 7vw, 2.5rem);margin-bottom:16px}.hero-description{font-size:1rem;margin-bottom:24px}.hero-actions{flex-direction:column;gap:12px;margin-bottom:30px;width:100%}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:20px}.stat{text-align:center;flex:1;min-width:80px}.stat-number{font-size:2rem}.stat-suffix{font-size:1.2rem}.stat-label{font-size:.75rem}.hero-visual{width:90%;margin-left:auto;margin-right:auto;max-width:none}.code-window{border-radius:var(--radius-md);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md),var(--shadow-glow);transform:perspective(1000px) rotateY(-3deg) rotateX(1deg);transition:transform .5s ease}.code-window:active,.code-window:focus-within,.code-window:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.window-header{padding:14px 20px}.window-dots .dot{width:10px;height:10px}.window-title{font-size:.8rem}.window-content{padding:20px;font-size:.7rem;line-height:1.8;overflow-x:auto;-webkit-overflow-scrolling:touch}.window-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.window-content code{display:block;text-align:left}.section-header{margin-bottom:30px}.section-tag{font-size:.8rem;padding:5px 12px;margin-bottom:12px}.section-tag.closing{margin-top:30px}.section-title{font-size:clamp(1.5rem, 5vw, 2rem);margin-bottom:12px}.section-subtitle{font-size:.95rem}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:24px 20px}.card-icon{width:50px;height:50px;margin-bottom:16px}.card-icon i{font-size:1.4rem}.service-card h3{font-size:1.1rem;margin-bottom:8px}.service-card p{font-size:.9rem;margin-bottom:16px}.card-features{margin-bottom:16px}.card-features li{font-size:.85rem;padding-left:16px}.card-badge{top:12px;right:12px;padding:4px 10px;font-size:.7rem}.projects-filter{gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:8px 16px;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-image{height:180px}.image-placeholder i{font-size:3rem}.project-info{padding:16px}.project-tags{gap:6px;margin-bottom:12px}.tag{padding:3px 10px;font-size:.7rem}.project-info h3{font-size:1.05rem}.project-info p{font-size:.9rem}.overlay-btn{width:44px;height:44px}.projects-cta{margin-top:30px}.about-grid{gap:30px}.about-features{grid-template-columns:1fr;gap:16px;margin-top:24px}.feature{gap:12px}.feature-icon{width:36px;height:36px}.feature-icon i{font-size:.9rem}.feature-text strong{font-size:.95rem}.feature-text p{font-size:.85rem}.solar-system{width:300px;height:300px}.sun{width:60px;height:60px}.sun-core{width:60px;height:60px}.sun-logo{font-size:.65rem}.orbit-path-1{width:100px;height:100px}.orbit-path-2{width:150px;height:150px}.orbit-path-3{width:210px;height:210px}.orbit-path-4{width:280px;height:280px}.mercury{left:50px}.mercury .planet-body{width:22px;height:22px}.mercury i{font-size:.7rem}.venus{left:75px}.venus .planet-body{width:26px;height:26px}.venus i{font-size:.85rem}.earth{left:105px}.earth .planet-body{width:30px;height:30px}.earth i{font-size:.95rem}.moon{width:12px;height:12px;top:-20px}.moon i{font-size:.45rem}.mars{left:140px}.mars .planet-body{width:24px;height:24px}.mars i{font-size:.75rem}.jupiter{left:-140px}.jupiter .planet-body{width:34px;height:34px}.jupiter i{font-size:1.05rem}.saturn{left:-105px}.saturn .planet-body{width:30px;height:30px}.saturn i{font-size:.95rem}.saturn-ring{width:46px;height:46px}.neptune{left:-75px}.neptune .planet-body{width:28px;height:28px}.neptune i{font-size:.85rem}.asteroid-belt{width:240px;height:240px}.asteroid{transform:rotate(calc(45deg * var(--i))) translateX(85px) rotate(calc(-45deg * var(--i)))}.testimonials-slider{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:20px}.quote-icon{font-size:1.5rem;margin-bottom:12px}.testimonial-content p{font-size:.9rem;line-height:1.6}.author-avatar{width:40px;height:40px}.author-info strong{font-size:.9rem}.author-info span{font-size:.8rem}.contact-grid{gap:30px}.contact-text{margin-bottom:24px}.contact-details{margin-bottom:24px}.contact-item{margin-bottom:16px;gap:12px}.contact-icon{width:44px;height:44px}.contact-icon i{font-size:1rem}.contact-text strong{font-size:.85rem}.contact-text a,.contact-text span{font-size:.95rem}.social-links{gap:10px}.social-link{width:40px;height:40px}.contact-form-wrapper{padding:20px;border-radius:var(--radius-md)}.contact-form{gap:16px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:var(--radius-sm)}.form-group textarea{min-height:100px}.btn-large{padding:14px 20px;font-size:.95rem}.footer{padding:40px 0 20px}.footer-content{gap:30px;margin-bottom:30px}.footer-brand p{font-size:.9rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:20px 12px}.footer-column{text-align:center}.footer-column strong{font-size:.95rem;margin-bottom:12px}.footer-column a{font-size:.9rem;margin-bottom:8px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;padding-top:20px;margin:0 -20px;padding-left:20px;padding-right:20px}.footer-bottom p{font-size:.85rem}.scroll-indicator{display:none}.cursor-glow{display:none!important}}@media (max-width:480px){:root{--section-padding:30px}html{font-size:14px}.container{padding:0 16px}.hero{padding:80px 16px 30px;gap:24px}.hero-title{font-size:clamp(1.5rem, 8vw, 2rem)}.hero-description{font-size:.95rem}.hero-stats{gap:12px}.stat-number{font-size:1.6rem}.stat-suffix{font-size:1rem}.stat-label{font-size:.7rem}.section-title{font-size:clamp(1.3rem, 6vw, 1.8rem)}.section-subtitle{font-size:.9rem}.btn{padding:10px 20px;font-size:.9rem}.btn-large{padding:12px 20px;font-size:.9rem}.projects-grid,.services-grid,.testimonials-slider{gap:16px}.service-card{padding:20px 16px;border-radius:var(--radius-md)}.project-card{border-radius:var(--radius-md)}.project-image{height:160px}.solar-system{width:240px;height:240px}.sun{width:50px;height:50px}.sun-core{width:50px;height:50px}.sun-logo{font-size:.55rem}.sun-glow{inset:-15px}.sun-corona{inset:-20px}.orbit-path-1{width:80px;height:80px}.orbit-path-2{width:120px;height:120px}.orbit-path-3{width:170px;height:170px}.orbit-path-4{width:220px;height:220px}.mercury{left:40px}.mercury .planet-body{width:18px;height:18px}.mercury i{font-size:.55rem}.venus{left:60px}.venus .planet-body{width:22px;height:22px}.venus i{font-size:.7rem}.earth{left:85px}.earth .planet-body{width:26px;height:26px}.earth i{font-size:.8rem}.moon{width:10px;height:10px;top:-16px}.moon i{font-size:.35rem}.mars{left:110px}.mars .planet-body{width:20px;height:20px}.mars i{font-size:.6rem}.jupiter{left:-110px}.jupiter .planet-body{width:28px;height:28px}.jupiter i{font-size:.85rem}.saturn{left:-85px}.saturn .planet-body{width:24px;height:24px}.saturn i{font-size:.75rem}.saturn-ring{width:36px;height:36px}.neptune{left:-60px}.neptune .planet-body{width:22px;height:22px}.neptune i{font-size:.7rem}.asteroid-belt{width:190px;height:190px}.asteroid{transform:rotate(calc(45deg * var(--i))) translateX(68px) rotate(calc(-45deg * var(--i)))}.contact-form-wrapper{padding:16px}.testimonial-card{padding:16px;border-radius:var(--radius-md)}.footer{padding:30px 0 16px}.footer-content{gap:24px}}@media (max-width:360px){.hero{padding:70px 12px 24px}.hero-stats{flex-direction:column;gap:16px}.stat{width:100%}.tech-stack{width:200px;height:200px}}@media (hover:none) and (pointer:coarse){.cursor-glow{display:none!important}.project-card:hover,.service-card:hover,.testimonial-card:hover{transform:none}.btn:hover{transform:none}.btn-primary:hover{transform:none;box-shadow:var(--shadow-glow)}.social-link:hover{transform:none}.nav-link{padding:12px 16px}.filter-btn{min-height:44px}.overlay-btn{width:50px;height:50px}.card-link{padding:8px 0}.social-link{width:50px;height:50px}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:80px 20px 30px}.hero-stats{flex-direction:row}.nav-menu{padding:20px}.nav-link{font-size:1rem;padding:8px 0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-text{-webkit-font-smoothing:antialiased}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.cursor-glow{display:none!important}#particles{display:none}.shape{animation:none}.orbit{animation:none}.scroll-indicator{animation:none}}