.quote-hero {
      background: linear-gradient(135deg, #003F66 0%, var(--color-primary-900) 100%);
      padding: 80px 0 64px;
      color: #fff;
      text-align: center;
    }
    .quote-hero h1 {
      font-family: 'Outfit', sans-serif;
      font-weight: 800;
      font-size: 2.8rem;
      margin: 0 0 16px;
      color: #fff;
    }
    .quote-hero p {
      font-size: 1.1rem;
      opacity: 0.9;
      max-width: 640px;
      margin: 0 auto;
    }
    .quote-page {
      padding: var(--space-16) 0;
      background: var(--color-gray-50);
    }
    .quote-form-wrapper {
      max-width: 800px;
      margin: 0 auto;
      background: var(--color-white);
      border-radius: var(--radius-2xl);
      box-shadow: var(--shadow-lg);
      padding: var(--space-12);
    }
    .quote-form-wrapper h2 {
      font-family: 'Outfit', sans-serif;
      font-weight: 700;
      font-size: 1.75rem;
      color: var(--color-gray-900);
      margin-bottom: var(--space-2);
    }
    .quote-form-wrapper .subtitle {
      color: var(--color-gray-500);
      margin-bottom: var(--space-8);
      font-size: var(--text-base);
    }
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-4);
      margin-bottom: var(--space-4);
    }
    @media (max-width: 639px) {
      .form-row { grid-template-columns: 1fr; }
    }
    .form-group {
      margin-bottom: var(--space-4);
    }
    .form-label {
      display: block;
      font-size: var(--text-sm);
      font-weight: 600;
      color: var(--color-gray-700);
      margin-bottom: var(--space-2);
      text-align: left;
      direction: ltr;
    }
    .required { color: var(--color-accent); }
    .form-input, .form-select, .form-textarea {
      width: 100%;
      padding: 12px 16px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      font-size: var(--text-base);
      font-family: inherit;
      color: var(--color-gray-800);
      background: var(--color-white);
      transition: border-color var(--transition-fast);
      box-sizing: border-box;
      text-align: left;
      direction: ltr;
    }
    .form-input:focus, .form-select:focus, .form-textarea:focus {
      outline: none;
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px var(--color-primary-light);
    }
    .form-textarea {
      min-height: 120px;
      resize: vertical;
    }
    .form-hint {
      font-size: var(--text-xs);
      color: var(--color-gray-400);
      margin-top: var(--space-1);
    }
    .form-submit {
      width: 100%;
      padding: 16px 32px;
      font-size: var(--text-lg);
      font-weight: 700;
      cursor: pointer;
      border: none;
      border-radius: var(--radius-lg);
      background: var(--color-accent);
      color: var(--color-white);
      transition: all var(--transition-fast);
      margin-top: var(--space-4);
    }
    .form-submit:hover {
      background: var(--color-accent-dark);
      transform: translateY(-1px);
      box-shadow: var(--shadow-md);
    }
    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-6);
      max-width: 800px;
      margin: var(--space-10) auto 0;
    }
    @media (max-width: 639px) {
      .benefits-grid { grid-template-columns: 1fr; }
    }
    .benefit-card {
      text-align: center;
      padding: var(--space-6);
      background: var(--color-white);
      border-radius: var(--radius-xl);
      border: 1px solid var(--color-border);
    }
    .benefit-card .benefit-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: var(--color-primary-light);
      color: var(--color-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto var(--space-4);
    }
    .benefit-card h4 {
      font-size: var(--text-base);
      font-weight: 700;
      color: var(--color-gray-800);
      margin-bottom: var(--space-2);
    }
    .benefit-card p {
      font-size: var(--text-sm);
      color: var(--color-gray-500);
      line-height: 1.5;
      margin: 0;
    }