*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ffd700;--secondary: #ff8c42;--accent: #7cb342;--bg-dark: #0a0a0a;--bg-card: #111111;--bg-light: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--border: #333333;--glow: 0 0 20px rgba(255, 215, 0, .3);--shadow: 0 8px 32px rgba(0, 0, 0, .4)}body{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{position:fixed;top:0;width:100%;background:#0a0a0af2;backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px;max-width:1200px;margin:0 auto}.nav-toggle{display:none;background:none;border:none;font-size:2rem;color:#fff;cursor:pointer}@media (max-width: 768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;right:0;background:#0a0a0af2;flex-direction:column;width:200px;padding:1rem}.nav-links.show{display:flex}.nav-links li{margin:.5rem 0}}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g><path d="M50 15 L45 5 L50 0 L55 5 Z" fill="%23a4d037"/><path d="M40 20 L35 10 L40 5 L45 10 Z" fill="%23a4d037"/><path d="M60 20 L55 10 L60 5 L65 10 Z" fill="%23a4d037"/><path d="M30 25 L25 15 L30 10 L35 15 Z" fill="%23a4d037"/><path d="M70 25 L65 15 L70 10 L75 15 Z" fill="%23a4d037"/><circle cx="50" cy="60" r="35" fill="%23ff8c42"/><path d="M50 25 C65 25 75 35 75 50 L75 70 C75 85 65 95 50 95 C35 95 25 85 25 70 L25 50 C25 35 35 25 50 25 Z" fill="%23ffd700"/><rect x="20" y="45" width="60" height="12" rx="6" fill="%23000000"/><circle cx="35" cy="51" r="3" fill="%23333"/><circle cx="65" cy="51" r="3" fill="%23333"/><path d="M30 70 L35 75 L40 70 M45 75 L50 70 L55 75 M60 70 L65 75 L70 70" stroke="%23cc6600" stroke-width="2" fill="none"/><path d="M30 80 L35 85 L40 80 M45 85 L50 80 L55 85 M60 80 L65 85 L70 80" stroke="%23cc6600" stroke-width="2" fill="none"/></g></svg>') center/contain no-repeat}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-size:.9rem}.nav-links a:hover{color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-light) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1}.hero:after{content:"";position:absolute;top:10%;right:10%;width:200px;height:200px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g opacity="0.1"><path d="M50 15 L45 5 L50 0 L55 5 Z" fill="%23a4d037"/><path d="M40 20 L35 10 L40 5 L45 10 Z" fill="%23a4d037"/><path d="M60 20 L55 10 L60 5 L65 10 Z" fill="%23a4d037"/><path d="M30 25 L25 15 L30 10 L35 15 Z" fill="%23a4d037"/><path d="M70 25 L65 15 L70 10 L75 15 Z" fill="%23a4d037"/><circle cx="50" cy="60" r="35" fill="%23ff8c42"/><path d="M50 25 C65 25 75 35 75 50 L75 70 C75 85 65 95 50 95 C35 95 25 85 25 70 L25 50 C25 35 35 25 50 25 Z" fill="%23ffd700"/><rect x="20" y="45" width="60" height="12" rx="6" fill="%23000000"/><circle cx="35" cy="51" r="3" fill="%23333"/><circle cx="65" cy="51" r="3" fill="%23333"/><path d="M30 70 L35 75 L40 70 M45 75 L50 70 L55 75 M60 70 L65 75 L70 70" stroke="%23cc6600" stroke-width="2" fill="none"/><path d="M30 80 L35 85 L40 80 M45 85 L50 80 L55 85 M60 80 L65 85 L70 80" stroke="%23cc6600" stroke-width="2" fill="none"/></g></svg>') center/contain no-repeat;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .tagline{font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--text-secondary);margin-bottom:2rem;font-family:Inter,sans-serif}.hero .subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem;max-width:600px}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--bg-dark);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:var(--glow);font-size:1.1rem}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80}.services{padding:8rem 0;background:var(--bg-light)}.section-title{text-align:center;font-size:3rem;margin-bottom:1rem;color:var(--primary)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;font-size:1.2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.service-card{background:var(--bg-card);padding:2.5rem;border-radius:12px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent))}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary)}.service-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary)}.service-card p{color:var(--text-secondary);line-height:1.7}.tech-tags{font-size:.9rem;color:#ccc;margin-top:1rem;font-family:inherit}.tech-tag:after{content:"/"}.tech-tag:last-child:after{content:""}.tech-tag{padding:0;margin:0;display:inline}.about{padding:8rem 0;background:var(--bg-dark)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary)}.about-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem;font-family:SF Mono,monospace;position:relative}.code-block:before{content:"// Our approach";position:absolute;top:.5rem;right:1rem;color:var(--text-muted);font-size:.8rem}.code-line{display:block;margin:.5rem 0}.code-comment{color:var(--text-muted)}.code-function{color:var(--accent)}.code-string{color:var(--secondary)}.why-choose{padding:8rem 0;background:var(--bg-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-item{text-align:center;padding:2rem}.feature-item .icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary)}.feature-item h4{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.feature-item p{color:var(--text-secondary)}.testimonials{padding:8rem 0;background:var(--bg-dark)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid var(--border);position:relative}.testimonial-card:before{content:'"';font-size:4rem;color:var(--primary);position:absolute;top:1rem;left:1.5rem;opacity:.3}.testimonial-text{color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem;padding-left:2rem}.testimonial-author{color:var(--primary);font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.9rem}.contact{padding:8rem 0;background:var(--bg-light)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem;color:var(--text-secondary)}.contact-item .icon{margin-right:1rem;color:var(--primary);font-size:1.2rem}.contact-form{background:var(--bg-card);padding:2.5rem;border-radius:12px;border:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.8rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00d4ff33}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--bg-dark);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}footer{background:var(--bg-dark);padding:3rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted)}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero h1 svg{width:60px;height:60px}.hero:after{width:120px;height:120px;top:5%;right:5%}.services-grid{grid-template-columns:1fr}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}a{color:var(--primary);text-decoration:none}
