*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #0a0a0a;--secondary-bg: #1a1a1a;--accent-bg: #111111;--primary-text: #ffffff;--secondary-text: #a0a0a0;--accent-text: #666666;--accent-color: #00ff88;--accent-glow: #00ff8844;--accent-secondary: #0088ff;--accent-purple: #8800ff;--gradient-primary: linear-gradient(135deg, #00ff88, #0088ff);--gradient-secondary: linear-gradient(135deg, #8800ff, #ff0088);--border-color: #333333;--hover-bg: #2a2a2a;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow)}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--primary-bg);color:var(--primary-text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.nav{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);transition:var(--transition-normal)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700}.logo-text{color:var(--primary-text)}.logo-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-links a{color:var(--secondary-text);text-decoration:none;font-weight:500;transition:var(--transition-fast);position:relative}.nav-links a:hover{color:var(--accent-color)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-normal)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--accent-color)}.nav-links a.active:after{width:100%;background:var(--gradient-primary)}.portfolio-link{background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:600!important}.portfolio-link:hover{color:transparent!important;background:var(--gradient-secondary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.language-switcher{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-lg)}.lang-btn{background:transparent;border:2px solid var(--border-color);color:var(--secondary-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:all .3s ease;min-width:40px;position:relative;overflow:hidden}.lang-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);transition:left .6s ease}.lang-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0f83}.lang-btn:hover:before{left:100%}.lang-btn.active{background:var(--gradient-primary);border-color:var(--accent-color);color:var(--primary-bg);box-shadow:var(--shadow-glow),0 0 20px #00ff884d;transform:scale(1.05)}.lang-btn.active:before{display:none}.nav-cta{padding:var(--spacing-sm) var(--spacing-lg)!important;font-size:var(--font-size-sm)!important}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span{width:25px;height:3px;background:var(--primary-text);transition:var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:70px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,136,.3) 2px,transparent 2px),radial-gradient(circle at 80% 20%,rgba(0,136,255,.3) 2px,transparent 2px),radial-gradient(circle at 40% 40%,rgba(136,0,255,.3) 1px,transparent 1px);background-size:200px 200px,300px 300px,150px 150px;animation:particleFloat 15s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content{animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:var(--font-size-5xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg)}.title-main{display:block;color:var(--primary-text)}.title-accent{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{filter:drop-shadow(0 0 10px var(--accent-glow))}to{filter:drop-shadow(0 0 20px var(--accent-glow))}}.hero-subtitle{font-size:var(--font-size-lg);color:var(--secondary-text);margin-bottom:var(--spacing-xl);max-width:500px}.hero-cta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.hero-stats{display:flex;gap:var(--spacing-xl)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-color)}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-text)}.hero-visual{animation:slideInRight 1s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.code-window{background:var(--secondary-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.window-header{background:var(--accent-bg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--border-color)}.window-controls{display:flex;gap:var(--spacing-sm)}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f56}.control.minimize{background:#ffbd2e}.control.maximize{background:#27ca3f}.window-title{color:var(--secondary-text);font-size:var(--font-size-sm);font-weight:500}.code-content{padding:var(--spacing-lg);font-family:Fira Code,Courier New,monospace;font-size:var(--font-size-sm);line-height:1.8}.code-line{margin-bottom:var(--spacing-xs);animation:typewriter 3s steps(40) infinite}.code-line-indented{padding-left:2rem}.keyword{color:#ff6b9d}.variable{color:#c792ea}.property{color:#82aaff}.string{color:#c3e88d}.cta-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cta-button.primary{background:var(--gradient-primary);color:var(--primary-text);box-shadow:var(--shadow-glow)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--accent-glow)}.cta-button.secondary{background:transparent;color:var(--primary-text);border:2px solid var(--accent-color)}.cta-button.secondary:hover{background:var(--accent-color);color:var(--primary-bg);transform:translateY(-2px)}.services{padding:var(--spacing-3xl) 0;background:var(--secondary-bg)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--font-size-lg);color:var(--secondary-text);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.service-card{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition-normal)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.service-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.service-icon svg{width:30px;height:30px;color:var(--primary-text)}.service-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-text)}.service-description{color:var(--secondary-text);margin-bottom:var(--spacing-lg);line-height:1.7}.service-features{list-style:none}.service-features li{color:var(--accent-text);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.about{padding:var(--spacing-3xl) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-description{font-size:var(--font-size-lg);color:var(--secondary-text);margin-bottom:var(--spacing-xl);line-height:1.7}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.feature{display:flex;align-items:flex-start;gap:var(--spacing-md)}.feature-icon{font-size:var(--font-size-2xl);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--secondary-bg);border-radius:var(--radius-md);flex-shrink:0}.feature-content h4{color:var(--primary-text);margin-bottom:var(--spacing-xs);font-weight:600}.feature-content p{color:var(--secondary-text);font-size:var(--font-size-sm)}.about-visual{display:flex;justify-content:center;align-items:center}.tech-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:300px}.tech-item{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;font-weight:600;color:var(--accent-color);transition:var(--transition-normal);animation:techFloat 4s ease-in-out infinite}.tech-item:nth-child(2n){animation-delay:-2s}.tech-item:hover{background:var(--accent-glow);transform:scale(1.05)}@keyframes techFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:translateY(50px);transition:var(--transition-normal)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-text)}.modal-close{background:none;border:none;color:var(--secondary-text);font-size:var(--font-size-2xl);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{color:var(--accent-color);background:var(--hover-bg)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:600;color:var(--primary-text);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--primary-text);font-size:var(--font-size-base);transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:100px}.form-submit{margin-top:var(--spacing-md);width:100%}.footer{background:var(--accent-bg);padding:var(--spacing-3xl) 0 var(--spacing-xl);border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-xl)}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.footer-description{color:var(--secondary-text);line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.footer-column h4{color:var(--primary-text);font-weight:600;margin-bottom:var(--spacing-lg)}.footer-column a{display:block;color:var(--secondary-text);text-decoration:none;margin-bottom:var(--spacing-sm);transition:var(--transition-fast)}.footer-column a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);color:var(--accent-text)}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--primary-bg);flex-direction:column;padding:var(--spacing-xl);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-normal);border-bottom:1px solid var(--border-color)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.language-switcher{margin-left:0;justify-content:center}.nav-toggle{display:flex}.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-cta{flex-direction:column;align-items:center}.hero-stats{justify-content:center}.hero-visual{animation:none;transform:none;opacity:1}.code-window{animation:none;transform:none}.code-content{text-align:left;padding-left:var(--spacing-md)}.code-line{animation:none;opacity:1;transform:none}.services-grid{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;text-align:center}.about-features,.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.container,.nav-container,.hero-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.hero-title{font-size:var(--font-size-2xl)}.services-grid{grid-template-columns:1fr}.service-card{padding:var(--spacing-lg)}}