.header{z-index:100;border-bottom:1px solid var(--border);width:100%;height:80px;transition:all var(--transition-normal);align-items:center;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-title);letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.logo-dot{background-color:var(--secondary);border-radius:50%;width:8px;height:8px}.nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);padding:8px 0;font-weight:500;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background-color:var(--secondary);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-active{color:var(--text-primary)}.nav-active:after{transform:scaleX(1)}.menu-icon-btn{display:none}.hero{align-items:center;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.hero-content h1{margin-bottom:24px;font-size:3.5rem}.hero-content p{color:var(--text-secondary);max-width:580px;margin-bottom:36px;font-size:1.2rem}.hero-actions{gap:16px;display:flex}.hero-image-container{justify-content:center;display:flex;position:relative}.hero-image-blob{background:linear-gradient(135deg, var(--secondary) 0%, #38bdf866 100%);filter:blur(40px);z-index:1;opacity:.6;border-radius:40% 60% 70% 30%/40% 50% 60%;width:320px;height:320px;animation:8s infinite alternate blob-bounce;position:absolute}.hero-image{z-index:2;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);background-color:var(--surface);flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px;display:flex;position:relative;overflow:hidden}.hero-badge-container{flex-direction:column;gap:12px;display:flex}.hero-badge-item{border-radius:var(--radius-md);background-color:var(--background);border:1px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.hero-badge-title{font-size:.9rem;font-weight:700}.hero-badge-desc{color:var(--text-secondary);font-size:.8rem}@keyframes blob-bounce{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(0)scale(1)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(10px,20px)scale(1.1)}}.services-showcase{background-color:var(--surface);padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--text-secondary)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.service-card{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--background);transition:all var(--transition-normal);padding:40px}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-8px)}.service-icon-wrapper{border-radius:var(--radius-md);width:56px;height:56px;color:var(--secondary);background-color:#0ea5e91a;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.service-card h3{margin-bottom:16px;font-size:1.3rem}.service-card p{color:var(--text-secondary)}.testimonials{padding:100px 0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.testimonial-card{border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);padding:32px}.testimonial-text{color:var(--text-secondary);margin-bottom:24px;font-style:italic}.testimonial-author{align-items:center;gap:16px;display:flex}.testimonial-avatar{background-color:var(--border);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-meta h4{font-size:1rem}.testimonial-meta span{color:var(--text-muted);font-size:.85rem}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:flex-start;gap:60px;padding:80px 0;display:grid}.about-image-card{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface);box-shadow:var(--shadow-md);text-align:center;padding:24px}.about-avatar-placeholder{background:linear-gradient(135deg, var(--secondary) 0%, #0ea5e933 100%);color:#fff;width:160px;height:160px;font-size:3rem;font-weight:800;font-family:var(--font-title);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.about-details h3{margin-bottom:8px}.about-details p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.about-stats{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.stat-item{border-radius:var(--radius-md);background-color:var(--background);border:1px solid var(--border);padding:16px}.stat-num{color:var(--secondary);font-size:1.8rem;font-weight:800;font-family:var(--font-title)}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.8rem}.about-content h2{margin-bottom:24px;font-size:2.2rem}.about-content p{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.skills-tags{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.skill-tag{border-radius:var(--radius-full);background-color:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:500}.portfolio-header{text-align:center;padding:60px 0 20px}.portfolio-header h1{margin-bottom:16px;font-size:2.8rem}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0 60px;display:flex}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);background-color:var(--surface);color:var(--text-secondary);padding:10px 24px;font-weight:600}.filter-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.filter-btn.active{background-color:var(--primary);border-color:var(--primary);color:var(--background)}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:80px;display:grid}.portfolio-card{border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-8px)}.portfolio-image-placeholder{background:linear-gradient(135deg,#0ea5e91a 0%,#0ea5e933 100%);justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.portfolio-category-badge{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);color:var(--text-primary);z-index:2;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:16px;right:16px}.portfolio-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.portfolio-card-content h3{margin-bottom:8px;font-size:1.25rem}.portfolio-card-content p{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:.95rem}.portfolio-tech-tags{flex-wrap:wrap;gap:8px;display:flex}.portfolio-tech-tag{border-radius:var(--radius-sm);background-color:var(--background);color:var(--text-muted);border:1px solid var(--border);padding:2px 8px;font-size:.75rem}.pricing-header{text-align:center;padding:60px 0 20px}.pricing-header h1{margin-bottom:16px;font-size:2.8rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin:60px 0 80px;display:grid}.pricing-card{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface);transition:all var(--transition-normal);flex-direction:column;padding:40px;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-8px)}.pricing-card.featured{border-color:var(--secondary);box-shadow:var(--shadow-md);transform:scale(1.03)}.pricing-card.featured:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)translateY(-8px)}.pricing-featured-badge{background-color:var(--secondary);color:#fff;border-radius:var(--radius-full);letter-spacing:.5px;padding:6px 16px;font-size:.8rem;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.pricing-name{margin-bottom:8px;font-size:1.4rem;font-weight:700}.pricing-desc{color:var(--text-secondary);min-height:50px;margin-bottom:24px;font-size:.95rem}.pricing-price{font-size:2.5rem;font-weight:800;font-family:var(--font-title);align-items:baseline;margin-bottom:24px;display:flex}.pricing-price span{color:var(--text-muted);font-size:1rem;font-weight:500}.pricing-features{flex-direction:column;flex:1;gap:16px;margin-bottom:40px;list-style:none;display:flex}.pricing-feature-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.pricing-feature-item svg{color:var(--success);flex-shrink:0}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:flex-start;gap:60px;padding:60px 0 80px;display:grid}.contact-info-card{border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);padding:40px}.contact-info-card h2{margin-bottom:16px;font-size:2rem}.contact-info-card p{color:var(--text-secondary);margin-bottom:32px}.contact-methods{flex-direction:column;gap:24px;display:flex}.contact-method-item{align-items:flex-start;gap:16px;display:flex}.contact-method-icon{color:var(--secondary);flex-shrink:0;margin-top:2px}.contact-method-title{font-size:1rem;font-weight:700}.contact-method-value{color:var(--text-secondary);margin-top:2px;font-size:.95rem}.contact-form-card{border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:40px}.contact-form-title{margin-bottom:24px;font-size:1.8rem}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-control{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background);color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px}.form-control:focus{border-color:var(--secondary);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.form-control::placeholder{color:var(--text-muted)}.form-message-success{border-radius:var(--radius-md);border:1px solid var(--success);color:var(--success);background-color:#10b9811a;margin-bottom:20px;padding:16px;font-size:.95rem;font-weight:600}.form-message-error{border-radius:var(--radius-md);border:1px solid var(--danger);color:var(--danger);background-color:#ef44441a;margin-bottom:20px;padding:16px;font-size:.95rem;font-weight:600}.cta-section{text-align:center;padding:80px 0;position:relative}.cta-box{border-radius:var(--radius-lg);color:#fff;padding:60px;position:relative;overflow:hidden}.cta-box h2{color:#fff;margin-bottom:16px;font-size:2.5rem}.cta-box p{opacity:.9;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.footer{background-color:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;display:grid}.footer-info p{color:var(--text-secondary);max-width:320px;margin-top:16px}.footer-title{margin-bottom:24px;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--text-primary)}.footer-socials{gap:16px;margin-top:24px;display:flex}.social-icon{border-radius:var(--radius-md);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-icon:hover{border-color:var(--secondary);color:var(--secondary);background-color:var(--surface-hover);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:40px;font-size:.9rem;display:flex}@media (max-width:992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-content p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-content h1{font-size:2.8rem}.hero-image-container{order:-1}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-8px)}.contact-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.menu-icon-btn{cursor:pointer;color:var(--text-primary);z-index:110;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.nav{background-color:var(--surface);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg);z-index:105;flex-direction:column;gap:20px;padding:24px;display:none;position:absolute;top:80px;left:0}.nav.nav-open{display:flex!important}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.about-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:576px){.container{padding-left:16px!important;padding-right:16px!important}.hero-content h1{font-size:2.2rem!important}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{width:100%}.services-grid,.pricing-grid,.portfolio-grid{grid-template-columns:1fr!important;gap:24px!important}.pricing-card{padding:24px!important}.cta-box{padding:32px 16px!important}.cta-box h2{font-size:1.8rem!important}html,body{position:relative;max-width:100%!important;overflow-x:hidden!important}}