body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#root{width:100%}body{margin:0}h1,h2{color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--secondary:#f9fafb;--accent:#06b6d4;--text:#e5e7eb;--text-light:#9ca3af;--bg:#0f172a;--bg-light:#1e293b;--border:#334155;--shadow:0 10px 25px #00000080;--shadow-sm:0 1px 2px #0000004d;--transition:all .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);background:#0f172af2;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 20px;display:flex}.logo{color:var(--primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-bracket{color:var(--accent)}.nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--text-light);transition:var(--transition);font-weight:500;text-decoration:none;position:relative}.nav-menu a:hover{color:var(--text)}.nav-menu a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav-menu a:hover:after{width:100%}.cta-button{background:var(--primary);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;color:#0f172a!important}.cta-button:hover{background:var(--accent)}.cta-button:after{display:none}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:var(--text-light);width:25px;height:3px;transition:var(--transition);border-radius:2px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:4rem 20px;display:grid}.hero-content{flex-direction:column;gap:2rem;display:flex}.hero-title{color:var(--text);font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#9ca3af;max-width:500px;font-size:1.25rem}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn{transition:var(--transition);cursor:pointer;border:2px solid #0000;border-radius:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-secondary{color:var(--primary);border-color:var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);color:#0f172a}.hero-visual{justify-content:center;align-items:center;height:100%;min-height:500px;display:flex}.gradient-box{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.services{background:var(--bg-light);padding:6rem 20px}.section-header{text-align:center;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.section-header h2{color:var(--text);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-header p{color:#9ca3af;font-size:1.125rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.service-card{background:var(--bg);transition:var(--transition);border:1px solid var(--border);cursor:pointer;border-radius:1rem;padding:2rem}.service-card:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-5px)}.service-icon{margin-bottom:1rem;font-size:3rem;display:block}.service-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.5rem}.service-card p{color:#9ca3af;line-height:1.6}.portfolio{padding:6rem 20px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.portfolio-card{background:var(--bg-light);transition:var(--transition);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.portfolio-image{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:250px;font-size:4rem;display:flex}.portfolio-content{padding:2rem}.project-category{color:#c4b5fd;background:#8b5cf633;border-radius:.25rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.portfolio-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem}.portfolio-card p{color:#9ca3af;margin-bottom:1rem;font-size:.95rem}.project-link{color:var(--primary);transition:var(--transition);font-weight:600;text-decoration:none;display:inline-block}.project-link:hover{color:var(--primary-dark);transform:translate(5px)}.about{background:var(--bg);border-top:1px solid var(--border);padding:6rem 20px}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.about-text h2{color:var(--text);margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.about-text p{color:#9ca3af;margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.8}.stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.stat{flex-direction:column;display:flex}.stat-number{color:var(--accent);font-size:2rem;font-weight:800}.stat-label{color:#9ca3af;font-size:.95rem}.about-visual{justify-content:center;align-items:center;min-height:400px;display:flex}.visual-element{font-size:10rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.contact{padding:6rem 20px}.contact-content{grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.info-item{align-items:flex-start;gap:1.5rem;display:flex}.info-icon{flex-shrink:0;font-size:2rem}.info-item h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.info-item p{color:#9ca3af}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);transition:var(--transition);background:var(--bg-light);color:var(--text);border-radius:.5rem;padding:1rem;font-family:inherit;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #8b5cf633}.contact-form button{align-self:flex-start}.form-message{border-radius:.5rem;padding:1rem;font-weight:500;animation:.3s ease-in-out slideIn}.form-message.success{color:#86efac;background:#22c55e33;border:1px solid #22c55e4d}.form-message.error{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{color:#fff;border-top:1px solid var(--border);background:#0a0f1a;padding:4rem 20px 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto 4rem;display:grid}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{color:#ffffffb3;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#ffffffb3;transition:var(--transition);text-decoration:none}.footer-section ul li a:hover{color:var(--accent)}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:2rem}@media (width<=768px){.hero{grid-template-columns:1fr;min-height:auto;padding:2rem 20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn{text-align:center;width:100%}.hero-visual{min-height:300px}.menu-toggle{display:flex}.nav-menu{background:var(--bg-light);width:100%;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);flex-direction:column;gap:0;max-height:0;padding:1rem;transition:max-height .3s ease-in-out;position:absolute;top:70px;left:0;overflow:hidden}.nav-menu.active{max-height:400px}.nav-menu li{border-bottom:1px solid var(--border);width:100%;padding:1rem}.section-header h2{font-size:1.75rem}.services-grid,.portfolio-grid,.about-content,.stats,.contact-content{grid-template-columns:1fr}.visual-element{font-size:5rem}.nav-menu a:after{display:none}}@media (width<=480px){.hero-title,.section-header h2{font-size:1.5rem}.navbar{padding:0}.nav-container{padding:1rem 15px}.logo{font-size:1.25rem}.nav-menu{top:60px}}