body { font-family: 'Inter', system-ui, sans-serif; background-color: #f8fafc; color: #0f172a; }
    .hero-bg {
      background: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.28), transparent 45%),
                  radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.16), transparent 45%),
                  linear-gradient(135deg, #090d16 0%, #111827 55%, #0f172a 100%);
    }
    .glass-pill {
      background: rgba(30, 58, 138, 0.45);
      border: 1px solid rgba(59, 130, 246, 0.4);
      backdrop-filter: blur(8px);
    }
    .acrylic-card-preview {
      background: linear-gradient(145deg, rgba(255,255,255,0.92) 0%, rgba(241,245,249,0.85) 100%);
      box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.18), inset 0 0 0 2px rgba(255, 255, 255, 0.8);
    }
    .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }