:root{--primary:#1E6BFF;--dark:#0B0F19;--bg:#F6F8FB;--border:#e5e7eb;--muted:#64748b}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:#111827}.section{padding:72px 0}.section-sm{padding:48px 0}
.glass-nav{backdrop-filter:blur(12px);background:rgba(11,15,25,.78)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-brand img{height:42px}.hero{background:radial-gradient(circle at top right, rgba(30,107,255,.2), transparent 32%),linear-gradient(180deg,#0B0F19 0%,#111827 100%);color:#fff;padding:140px 0 100px}
.badge-soft{background:rgba(30,107,255,.08);color:var(--primary);padding:.45rem .8rem;border-radius:999px}.section-title{font-weight:800;letter-spacing:-.02em}
.gradient-text{background:linear-gradient(90deg,#8fd3ff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-visual,.soft-card,.tech-card,.resource-card,.feature-card,.app-card,.cert-card,.admin-card,.page-header-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 40px rgba(10,20,40,.08)}
.hero-visual{background:linear-gradient(135deg, rgba(30,107,255,.22), rgba(255,255,255,.08));border-color:rgba(255,255,255,.12);padding:24px}.page-hero{padding:130px 0 52px;background:linear-gradient(180deg,#0B0F19 0%, #111827 100%);color:#fff}.page-header-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:28px}
.tech-card,.resource-card,.feature-card,.app-card,.cert-card{padding:24px;height:100%;transition:.25s ease}.tech-card:hover,.resource-card:hover,.feature-card:hover,.app-card:hover,.cert-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(15,23,42,.10)}
.kpi{border:1px solid rgba(255,255,255,.12);padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06)}.footer{background:#0B0F19;color:#cbd5e1}.footer a{color:#cbd5e1;text-decoration:none}
.mega-menu{min-width:720px;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 16px 40px rgba(2,6,23,.12);padding:20px}.mega-menu .dropdown-item{border-radius:10px;padding:.55rem .8rem}.mega-menu .dropdown-item:hover{background:#f3f6fb}
.small-muted{color:var(--muted);font-size:.94rem}.product-gallery .thumb{cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:4px;background:#fff}.quick-spec{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0}.tabs-pro .nav-link{border:none;color:#475569;padding:14px 18px;font-weight:600}.tabs-pro .nav-link.active{color:var(--primary);border-bottom:2px solid var(--primary);background:transparent}.spec-table td{padding:12px 8px;border-bottom:1px solid var(--border)}.spec-group{background:#f8fafc;border-radius:16px;padding:16px 18px;margin-bottom:18px;border:1px solid var(--border)}.cta-band{background:linear-gradient(135deg,#0B0F19,#1E293B);border-radius:28px;color:#fff;padding:38px;border:1px solid rgba(255,255,255,.1)}
.admin-sidebar{min-height:100vh;background:#0B0F19;color:#cbd5e1}.admin-sidebar a{color:#cbd5e1;text-decoration:none;display:block;padding:12px 16px;border-radius:12px}.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.08);color:#fff}
.gallery-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.gallery-item{width:120px;height:120px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;background:#fff}
.gallery-item img{width:100%;height:100%;object-fit:cover}
.gallery-remove{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border:none;width:22px;height:22px;border-radius:50%;font-size:12px;cursor:pointer;line-height:22px}
.floating-contact{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.floating-contact a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}

.floating-hotline{background:#2563EB;}
.floating-whatsapp{background:#22C55E;}