body {
      background: linear-gradient(135deg, #1a0d3a 0%, #2d1b69 50%, #4a2c7a 100%);
      color: #fff;
      font-family: 'Inter', sans-serif;
    }
    
    .faq-hero {
      background: linear-gradient(135deg, #6b39ff 0%, #2d186a 100%);
      padding: 80px 0;
      text-align: center;
      position: relative;
    }
    
    .faq-hero h1 {
      font-size: 3.5rem;
      font-weight: 800;
      margin-bottom: 20px;
      color: #fff;
    }
    
    .faq-hero p {
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.9);
      max-width: 600px;
      margin: 0 auto;
    }
    
    .faq-section {
      max-width: 900px;
      margin: 0 auto;
      padding: 80px 20px;
    }
    
    .faq-accordion-item {
      margin-bottom: 20px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    
    .faq-question {
      background: #fff;
      color: #181028;
      padding: 24px 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      font-size: 1.1rem;
      font-weight: 600;
      border-radius: 12px;
      transition: all 0.3s ease;
      position: relative;
    }
    
    .faq-question:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }
    
    .faq-question.active {
      background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
      color: #fff;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    
    .faq-question-icon {
      font-size: 1.5rem;
      font-weight: 700;
      color: #7c3aed;
      transition: all 0.3s ease;
    }
    
    .faq-question.active .faq-question-icon {
      color: #fff;
    }
    
    .faq-answer {
      background: linear-gradient(135deg, #2d186a 0%, #4a2c7a 100%);
      color: #fff;
      padding: 0 30px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s ease-out, padding 0.5s ease-out;
      font-size: 1rem;
      line-height: 1.6;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }
    
    .faq-answer.active {
      max-height: 200px;
      padding: 24px 30px;
    }
    
    .download-section {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 24px;
      padding: 60px 40px;
      margin: 80px auto;
      max-width: 900px;
      text-align: center;
    }
    
    .download-section h2 {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 20px;
      color: #fff;
    }
    
    .download-section p {
      font-size: 1.1rem;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 40px;
    }
    
    .download-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }
    
    .download-item {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 16px;
      padding: 30px 20px;
      text-align: center;
      transition: all 0.3s ease;
      border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .download-item:hover {
      transform: translateY(-5px);
      background: rgba(255, 255, 255, 0.15);
    }
    
    .download-item-icon {
      font-size: 3rem;
      margin-bottom: 20px;
      display: block;
    }
    
    .download-item h3 {
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 15px;
      color: #fff;
    }
    
    .download-item p {
      font-size: 0.95rem;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 20px;
    }
    
    .download-button {
      background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
      color: white;
      padding: 12px 24px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.95rem;
      transition: all 0.3s ease;
      display: inline-block;
    }
    
    .download-button:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(124, 58, 237, 0.3);
    }