body { letter-spacing: 0.01em; }
.app-shell-gradient { background: radial-gradient(circle at top right, rgba(20,184,166,0.08), transparent 28%), radial-gradient(circle at top left, rgba(15,23,42,0.07), transparent 24%); }
.app-logo { filter: drop-shadow(0 6px 24px rgba(15, 23, 42, 0.12)); }
.top-chip { backdrop-filter: blur(8px); }
.soft-card, .section-card, .image-card, .stat-card { border: 1px solid rgb(226 232 240); border-radius: 1.75rem; background: white; box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 16px 40px rgba(15,23,42,.05); }
.icon-link { transition: all .18s ease; }
.icon-link:hover { transform: translateY(-1px); }
.quick-tile { transition: all .18s ease; }
.quick-tile:hover { background: rgb(248 250 252); transform: translateY(-1px); }
.input-clean:focus { box-shadow: 0 0 0 4px rgba(15,23,42,.06); }
.section-kicker { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; background: rgb(15 23 42); color: white; padding: .625rem 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.section-heading { display: flex; flex-direction: column; gap: 1rem; justify-content: space-between; }
.feature-chip { display: inline-flex; align-items: center; gap: .5rem; border-radius: 1rem; background: white; padding: .9rem 1rem; box-shadow: 0 1px 2px rgba(15,23,42,.04); border: 1px solid rgb(226 232 240); }
.image-card { overflow: hidden; background: linear-gradient(180deg, rgba(248,250,252,1) 0%, rgba(255,255,255,1) 100%); }
.stat-card { padding: 1.5rem; }
.mini-panel { border-radius: 1rem; background: rgb(248 250 252); padding: 1.25rem; }
@media (min-width: 768px) {
  .section-heading { flex-direction: row; align-items: end; }
}