:root {
      --primary-color: #4a6bff;
      --secondary-color: #fbbb0c;
      --dark-color: #161717;
      --light-color: #f8f9fa;
      --border-color: #e1e5ee;
    }
    
    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background-color: #f5f7fa;
      color: #333;
      line-height: 1.6;
    }
    
    .form-container {
      max-width: 1000px;
      margin: 20px auto;
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }
    
    .header {
      background-color: white;
      padding: 0px 30px;
      border-bottom: 1px solid var(--border-color);
      display: flex;
      align-items: center;
      gap: 15px;
    }
    
    .logo {
      font-size: 1.8rem;
      font-weight: 700;
      color: var(--primary-color);
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    .logo span {
      color: var(--secondary-color);
    }
    
    .logo-img {
      height: 100px;
      width: auto;
    }
    
    .form-header {
      padding: 20px 30px;
      border-bottom: 1px solid var(--border-color);
      display: flex;
      align-items: center;
      gap: 15px;
      background-color: #f9fafc;
    }
    
    .form-header-icon {
      width: 45px;
      height: 45px;
      background-color: var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
    }
    
    .form-header-text h2 {
      font-weight: 600;
      margin-bottom: 5px;
      color: var(--dark-color);
    }
    
    .form-header-text span {
      color: #6c757d;
      font-size: 0.9rem;
    }
    
    .form-body {
      padding: 30px;
    }
    
    .form-row {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
    }
    
    .form-group {
      flex: 1;
      min-width: 0;
    }
    
    label {
      font-weight: 500;
      margin-bottom: 8px;
      display: block;
      color: #495057;
      font-size: 0.9rem;
    }
    
    input, select, textarea {
      width: 100%;
      padding: 10px 15px;
      border: 1px solid var(--border-color);
      border-radius: 8px;
      font-size: 0.95rem;
      transition: all 0.2s;
      background-color: white;
    }
    
    input:focus, select:focus, textarea:focus {
      border-color: var(--primary-color);
      box-shadow: 0 0 0 3px rgba(74, 107, 255, 0.1);
      outline: none;
    }
    
    textarea {
      min-height: 100px;
      resize: vertical;
    }
    
    select {
      appearance: none;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 15px;
    }
    
    .btn-submit {
      background-color: var(--primary-color);
      color: white;
      border: none;
      padding: 8px 20px;
      border-radius: 8px;
      margin-top: 20px;
      margin-bottom: 20px;
      font-weight: 500;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.2s;
      float: right;
    }
    
    .btn-submit:hover {
      background-color: #3a5bef;
      transform: translateY(-2px);
    }
    
    .success-message {
      display: none;
      padding: 15px;
      background-color: #d4edda;
      color: #155724;
      border-radius: 8px;
      margin-top: 20px;
      border: 1px solid #c3e6cb;
    }
    .gapp{
      margin-bottom: 20px;
    }
    /* Responsive adjustments */
    @media (max-width: 768px) {
      .form-row {
        flex-direction: column;
        gap: 15px;
      }
      
      .form-body {
        padding: 20px;
      }
      
      .form-header {
        padding: 15px 20px;
      }
      
      .header {
        padding: 15px 20px;
      }
      
      .btn-submit {
        width: 100%;
        float: none;
      }
    }
    
    @media (max-width: 576px) {
      .logo {
        font-size: 1.5rem;
      }
      
      .logo-img {
        height: 70px;
      }
      
      .form-header-icon {
        width: 70px;
        height: 40px;
      }
      
      .form-header-text h2 {
        font-size: 1.3rem;
      }
    }