:root {
      --brand-50:#eef6ff; --brand-100:#dbeafe; --brand-200:#bfdbfe; --brand-300:#93c5fd;
      --brand-400:#60a5fa; --brand-500:#3b82f6; --brand-600:#2563eb; --brand-700:#1d4ed8;
      --brand-800:#1e40af; --brand-900:#1e3a8a;
    }
    body { font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
    
    /* Latar Belakang Gradien Animasi */
    .hero-bg {
      background: radial-gradient(90rem 90rem at 10% 10%, rgba(59,130,246,.15), transparent),
                  radial-gradient(70rem 70rem at 90% 20%, rgba(99,102,241,.18), transparent),
                  linear-gradient(180deg, #0b1220 0%, #0b1630 60%, #0b1838 100%);
    }
    .glass {
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.15);
    }
    .card {
      background: white;
      border-radius: 1rem;
      border: 1px solid #e5e7eb;
      box-shadow: 0 10px 25px rgba(2,6,23,0.06);
    }
    .badge {
      background: linear-gradient(90deg, var(--brand-600), var(--brand-500));
      color: white;
    }
    
    /* Animasi Fade Sederhana */
    .fade-in { animation: fadeIn .6s ease both; }
    .slide-up { animation: slideUp .7s ease both; }
    @keyframes fadeIn { from{opacity:0} to{opacity:1} }
    @keyframes slideUp { from{opacity:0; transform: translateY(10px)} to{opacity:1; transform: translateY(0)} }