:root{--bg: #0f1724;--card: #0b1220;--accent: #6ee7b7;--muted: #9aa4b2;--glass: rgba(255,255,255,.03);--white: #e6eef6}*{box-sizing:border-box}html,body,app-root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#071027,#08121a);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}.container{max-width:1100px;margin:0 auto;padding:16px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#22d3ee);display:flex;align-items:center;justify-content:center;font-weight:700;color:#062022;box-shadow:0 6px 16px #10b9811f}.brand-title{font-weight:800}.small-muted{color:var(--muted);font-size:13px}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:40px;padding:6px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger-line{display:block;width:26px;height:3px;background:var(--white);border-radius:2px;transition:transform .18s ease,opacity .12s ease}@media (max-width: 420px){.hamburger{width:48px;height:44px;gap:7px}.hamburger-line{width:28px;height:3.5px}}.hamburger[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--muted);text-decoration:none;font-weight:600}.cta-btn{background:linear-gradient(90deg,var(--accent),#34d399);border:none;color:#072018;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #2ecc7114}.cta-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--white)}.section{padding:36px 0}.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 30px #02061799}.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center}.headline{font-size:34px;font-weight:800;line-height:1.05;margin-bottom:12px}.lead{color:var(--muted);margin-bottom:14px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.badge{background:var(--glass);padding:8px 12px;border-radius:999px;font-weight:700;color:var(--muted);font-size:13px}.hero-actions{margin-top:18px;display:flex;gap:12px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.service{padding:14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid rgba(255,255,255,.03)}.service h4{margin:0 0 8px}.tech-list{font-size:13px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.portfolio-item{position:relative;overflow:hidden;border-radius:12px;height:200px;background:#041322;display:flex;align-items:flex-end;cursor:pointer;transition:transform .25s ease}.portfolio-item:hover{transform:translateY(-6px)}.portfolio-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .35s ease}.portfolio-item:hover .portfolio-img{transform:scale(1.04)}.portfolio-overlay{position:relative;z-index:2;width:100%;padding:12px;background:linear-gradient(to top,#000000b8,#00000026);color:var(--white)}.portfolio-description{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.portfolio-description.show{max-height:400px;opacity:1}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.testimonial{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:18px;border-radius:12px;display:flex;gap:12px;align-items:flex-start}.avatar{width:56px;height:56px;border-radius:8px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.testimonial-name{font-weight:700}.testimonial-text{margin-top:8px;color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:16px;margin-top:16px}.form input,.form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--white);outline:none;margin-bottom:12px;font-size:14px}.form-actions{display:flex;gap:8px;align-items:center}.success-msg{margin-top:10px;color:var(--accent);font-weight:700}footer{margin-top:40px;text-align:center;color:var(--muted);font-size:13px;padding-bottom:20px}@media (max-width: 900px){.hamburger{display:flex}.nav{position:fixed;top:64px;right:12px;background:#070b14f2;border-radius:10px;padding:12px;flex-direction:column;gap:10px;box-shadow:0 10px 30px #02061799;transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1200}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a{padding:8px 6px;display:block;width:100%}.cta-btn{width:100%}.hero{grid-template-columns:1fr;gap:16px}.headline{font-size:24px}.hero-card{width:100%}.contact-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 420px){.container{padding-left:12px;padding-right:12px}.headline{font-size:20px}.logo{width:44px;height:44px}}html,body{overflow-x:hidden}.hamburger{display:none!important}.nav{display:flex!important}@media (max-width: 900px){.hamburger{display:flex!important}.nav{display:none!important}.nav.open{display:flex!important;flex-direction:column;gap:12px}}