:root{
  --q-primary:#0ea5e9;
  --q-dark:#0f172a;
}
body{font-feature-settings:"liga" 1,"calt" 1;}
.bg-gradient{
  background: radial-gradient(1200px 600px at -10% -20%, rgba(14,165,233,.15), transparent),
              radial-gradient(800px 400px at 110% -10%, rgba(14,165,233,.2), transparent),
              linear-gradient(180deg, #fff, #f8fafc);
}
.hero-card{border:1px solid rgba(0,0,0,.08)}
.logo-tile{
  border:1px dashed rgba(0,0,0,.12);
  border-radius:1rem;
  padding:1rem;
  background:#fff;
  font-weight:600;
}
.pattern::before{
  content:"";
  position:absolute;inset:0;
  background-image: radial-gradient(#0ea5e9 1px, transparent 1px);
  background-size: 18px 18px; opacity:.09; transform: translateY(-10%);
}
footer{background:#fff}
.table thead th{background:#f8fafc}
.badge{letter-spacing:.2px}
/* Forms */
.needs-validation .form-control:invalid{border-color:#dc3545}
.needs-validation .form-control:valid{border-color:#198754}
/* Utilities */
.shadow-soft{box-shadow:0 12px 30px rgba(2,8,23,.06)}
.rounded-4{border-radius:1rem!important}