:root{
  --dd-primary:#3f6cf6;
  --dd-dark:#0b1220;
  --dd-accent:#00b7ff;
  --dd-bg:#0f172a;
  --dd-text:#e5f0ff;
}
/* Easy theming: change only the variables above to match CI */
body{font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans";}
.navbar{backdrop-filter:saturate(1.4) blur(8px);background:rgba(11,18,32,.75)!important}
.navbar .nav-link{color:#dbe7ff!important}
.navbar-brand{color:#fff!important;font-weight:700;letter-spacing:.3px}
.hero{
  background: radial-gradient(1200px 400px at 30% 10%, rgba(13,110,253,.2), transparent),
              linear-gradient(180deg, #071021 0%, #0b1220 60%, #0f172a 100%);
  color:var(--dd-text);position:relative;overflow:hidden
}
.hero .shine{position:absolute;inset:0;background:radial-gradient(500px 200px at 80% -10%, rgba(0,194,255,.25), transparent);opacity:.8;pointer-events:none}
.section-title{font-weight:800;letter-spacing:.2px}
.badge-pill{border-radius:50rem}
.card{border:1px solid rgba(255,255,255,.08)}
.icon-bubble{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(13,110,253,.12);color:var(--dd-primary)}
.bg-gradient-soft{background:linear-gradient(180deg, rgba(13,110,253,.06), rgba(13,110,253,.02))}
.list-check i{color:#16a34a}
.footer{background:#0b1220;color:#a7b3c7}
.footer a{color:#e5f0ff;text-decoration:none}
.divider{height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent)}
.btn-primary{background:var(--dd-primary);border:none}
.btn-outline-light:hover{color:#0b1220!important}
.logo-text{font-weight:800;color:#fff}
.tag{font-size:.85rem;border:1px solid rgba(255,255,255,.2);padding:.2rem .6rem;border-radius:2rem}
.case-card .cover{border-radius:1rem;overflow:hidden}
.toast-container{z-index:1080}
/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.gallery-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.06)}