body {
      font-family: 'Inter', sans-serif;
      background: #0b0f19;
      color: #d1d5db;
    }

    h1, h2, h3, h4, h5 {
      color: #f9fafb;
      font-weight: 600;
    }

    section {
      padding: 70px 0;
    }

    .hero {
      padding: 120px 0;
      text-align: center;
      background: linear-gradient(180deg, #0b0f19, #111827);
    }

    .hero h1 {
      font-size: 44px;
    }

    .hero p {
      color: #9ca3af;
      font-size: 18px;
      max-width: 800px;
      margin: auto;
    }

    .highlight {
      color: #38bdf8;
    }

    .card-custom {
      background: #111827;
      border: 1px solid #1f2937;
      border-radius: 10px;
      padding: 25px;
      height: 100%;
      transition: 0.3s;
    }

    .card-custom:hover {
      border-color: #38bdf8;
      transform: translateY(-5px);
    }

    .section-title {
      text-align: center;
      margin-bottom: 50px;
    }

    ul {
      padding-left: 18px;
    }

    .btn-outline-light {
      border-color: #9ca3af;
      color: #e5e7eb;
    }

    .btn-outline-light:hover {
      background: #1f2937;
    }

    .btn-info {
      background: #38bdf8;
      border: none;
      color: #0b0f19;
    }

    .btn-info:hover {
      background: #0ea5e9;
    }

    footer {
      background: #020617;
      text-align: center;
      padding: 20px;
      color: #6b7280;
    }