:root{
      --brand:#0d6efd;
      --dark:#0b1a2b;
      --muted:#6c757d;
    }
    body { font-family: "Inter", "Helvetica Neue", Arial, sans-serif; color:var(--dark); }
    .hero {
      background: linear-gradient(90deg, rgba(13,110,253,0.06), rgba(13,110,253,0.02)),
                  url('https://images.unsplash.com/photo-1526378727386-3f73b5de2b09?auto=format&fit=crop&w=1600&q=80') right center/cover no-repeat;
      min-height:600px;
      display:flex; align-items:center;
    }
    .hero .lead { font-size:1.05rem; color:var(--muted); }

    .topbar { background:#0f1724; color:#fff; font-size:0.9rem; }
    .topbar a { color: rgba(255,255,255,0.85); text-decoration:none; }
    .navbar { padding-top:0.9rem; padding-bottom:0.9rem; }

    .service-icon { font-size:2rem; color:var(--brand); }
    .card-ghost { border:0; box-shadow:0 8px 20px rgba(12,20,30,0.06); }
    .portfolio .card-img-top { height:160px; object-fit:cover; }
    .pricing .card { border-radius:12px; }
    .team .avatar { width:120px; height:120px; object-fit:cover; border-radius:50%; border:6px solid #fff; box-shadow:0 6px 18px rgba(9,30,66,0.08); }
    footer { background:#0b1220; color:#bfcbd8; padding:40px 0; }
    .scroll-top {
      position:fixed; right:20px; bottom:20px; z-index:999;
      background:var(--brand); color:#fff; width:44px; height:44px; border-radius:50%;
      display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(13,110,253,0.2);
    }
    @media (max-width:767px){
      .hero { min-height:640px; background-position:center; }
    }