:root{--primary-color:#0066b3;--primary-dark:#004d8a;--primary-light:#39c;--secondary-color:#f93;--text-dark:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg-light:#f5f9fc;--bg-white:#fff;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--gradient-1:linear-gradient(135deg, #0066b3 0%, #39c 100%);--gradient-2:linear-gradient(135deg, #f93 0%, #fa5 100%);--gradient-3:linear-gradient(135deg, #0066b3 0%, #0cf 100%);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:box-shadow var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}.navbar{padding:.5rem 0}.nav-wrapper{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:.25rem;margin-left:-1rem;font-size:1.5rem;font-weight:900;text-decoration:none;display:flex}.logo-image{width:auto;height:112px;transition:transform var(--transition-normal)}.logo:hover .logo-image{transform:scale(1.08)}.logo-text{color:var(--primary-color)}.logo-soft{color:var(--secondary-color)}.nav-menu{gap:var(--spacing-md);list-style:none;display:flex}.nav-link{color:var(--text-light);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-5px;left:0}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.mobile-menu-toggle span{background:var(--text-dark);width:25px;height:3px;transition:all var(--transition-normal);border-radius:3px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translateY(8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}.hero{padding:calc(80px + var(--spacing-xl)) 0 var(--spacing-xl);background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-white) 100%)}.hero .container{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-content{max-width:600px}.hero-title{margin-bottom:var(--spacing-md);color:var(--text-dark);font-size:3.5rem;font-weight:900;line-height:1.1}.highlight{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-light);margin-bottom:var(--spacing-md);font-size:1.25rem}.hero-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn{transition:all var(--transition-normal);cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-submit{width:100%;margin-top:var(--spacing-sm)}.hero-illustration{width:100%;height:400px;position:relative}.illustration-element{border-radius:1rem;animation:6s ease-in-out infinite float;position:absolute}.element-1{background:var(--gradient-1);opacity:.8;width:250px;height:250px;animation-delay:0s;top:0;right:50px}.element-2{background:var(--gradient-2);opacity:.7;width:180px;height:180px;animation-delay:1s;bottom:50px;left:0}.element-3{background:var(--gradient-3);opacity:.6;width:120px;height:120px;animation-delay:2s;top:100px;left:100px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}50%{transform:translateY(-10px)rotate(-5deg)}75%{transform:translateY(-15px)rotate(3deg)}}section{padding:var(--spacing-xl) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-lg)}.section-title{margin-bottom:var(--spacing-sm);color:var(--text-dark);font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-light);font-size:1.125rem}.services{background:var(--bg-white)}.services-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.service-card{background:var(--bg-white);border:2px solid var(--border-color);padding:var(--spacing-md);transition:all var(--transition-normal);border-radius:1rem}.service-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-8px)}.service-icon{background:var(--bg-light);width:80px;height:80px;color:var(--primary-color);margin-bottom:var(--spacing-sm);border-radius:1rem;justify-content:center;align-items:center;display:flex}.service-icon svg{width:40px;height:40px}.service-title{margin-bottom:var(--spacing-sm);color:var(--text-dark);font-size:1.5rem;font-weight:700}.service-description{color:var(--text-light);margin-bottom:var(--spacing-sm)}.service-features{list-style:none}.service-features li{color:var(--text-light);padding:.5rem 0 .5rem 1.5rem;position:relative}.service-features li:before{content:"✓";color:var(--success-color);font-weight:700;position:absolute;left:0}.about{background:var(--bg-light)}.about-content{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-description{color:var(--text-light);margin-bottom:var(--spacing-sm);font-size:1.125rem;line-height:1.8}.about-stats{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center}.stat-number{color:var(--primary-color);margin-bottom:.25rem;font-size:2.5rem;font-weight:900}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.code-window{box-shadow:var(--shadow-xl);background:#1f2937;border-radius:1rem;overflow:hidden}.window-header{background:#2d3748;gap:.5rem;padding:.75rem;display:flex}.window-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#fc5c65}.dot-yellow{background:#fed330}.dot-green{background:#26de81}.window-content{padding:var(--spacing-md);font-family:Courier New,monospace;font-size:1rem;line-height:1.8}.code-line{color:#a0aec0}.code-indent{padding-left:2rem}.code-keyword{color:#f687b3}.code-function{color:#81e6d9}.code-string{color:#90cdf4}.projects{background:var(--bg-white)}.projects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.project-card{background:var(--bg-white);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:1rem;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-placeholder{justify-content:center;align-items:center;width:100%;height:250px;display:flex}.project-icon{font-size:4rem}.project-content{padding:var(--spacing-md)}.project-title{margin-bottom:var(--spacing-sm);color:var(--text-dark);font-size:1.25rem;font-weight:700}.project-description{color:var(--text-light);margin-bottom:var(--spacing-sm)}.project-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tag{background:var(--bg-light);color:var(--primary-color);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.contact{background:var(--bg-light)}.contact-content{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-illustration{justify-content:center;align-items:center;display:flex}.contact-svg{width:100%;max-width:350px;height:auto}.contact-item{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.contact-icon{background:var(--primary-color);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-icon svg{width:24px;height:24px}.contact-details{flex:1}.contact-title{color:var(--text-dark);margin-bottom:.25rem;font-weight:600}.contact-text{color:var(--text-light)}.contact-form{background:var(--bg-white);padding:var(--spacing-md);box-shadow:var(--shadow-md);border-radius:1rem}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:2px solid var(--border-color);width:100%;transition:border-color var(--transition-fast);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-lighter)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0066b31a}.form-group textarea{resize:vertical;min-height:120px}.form-message{margin-top:var(--spacing-sm);text-align:center;border-radius:.5rem;padding:.75rem;font-weight:500;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{color:#065f46;background:#d1fae5}.form-message.error{color:#991b1b;background:#fee2e2}.footer{background:var(--text-dark);color:#fff;padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-logo-img{width:auto;height:80px;margin-bottom:var(--spacing-sm);opacity:.9}.footer-content{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-section{flex:1}.footer-title{margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:900}.footer-description{color:var(--text-lighter)}.footer-heading{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:700}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-lighter);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--primary-light)}.footer-social{gap:var(--spacing-sm);display:flex}.social-link{color:#fff;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.footer-bottom{padding-top:var(--spacing-sm);text-align:center;color:var(--text-lighter);border-top:1px solid #ffffff1a}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{width:100%;padding:var(--spacing-md);box-shadow:var(--shadow-xl);transition:left var(--transition-normal);background:#fff;flex-direction:column;position:fixed;top:70px;left:-100%}.nav-menu.active{left:0}.hero .container,.about-content,.contact-content{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-illustration{height:300px}.element-1,.element-2,.element-3{width:150px;height:150px}.section-title{font-size:2rem}.services-grid,.projects-grid,.about-stats,.footer-content{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.btn{padding:.75rem 1.5rem}}