.contact-page { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
    .contact-left {
      background: var(--color-dark);
      padding: 140px var(--spacing-pad) 80px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .contact-left .section__label { color: var(--color-accent); margin-bottom: 24px; }
    .contact-left h1 {
      font-family: var(--font-heading);
      font-size: clamp(36px, 5vw, 64px);
      font-weight: 400;
      color: var(--color-white);
      line-height: 1.05;
      margin-bottom: 40px;
    }
    .contact-left p { font-size: 15px; color: rgba(255,255,255,0.5); line-height: 1.75; max-width: 400px; margin-bottom: 48px; }
    .contact-infos { display: flex; flex-direction: column; gap: 16px; }
    .contact-info-item { display: flex; flex-direction: column; gap: 4px; }
    .contact-info-item span { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.3); }
    .contact-info-item a { font-size: 15px; color: var(--color-white); transition: color 0.2s; }
    .contact-info-item a:hover { color: var(--color-accent); }
    .contact-right { padding: 140px var(--spacing-pad) 80px; background: var(--color-secondary); }
    .contact-right h2 { font-family: var(--font-heading); font-size: 28px; font-weight: 400; color: var(--color-primary); margin-bottom: 40px; }
    .form-group { margin-bottom: 24px; }
    .form-group label { display: block; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text); margin-bottom: 8px; }
    .form-group input,
    .form-group select,
    .form-group textarea {
      width: 100%;
      background: var(--color-white);
      border: 1px solid var(--color-light);
      border-radius: var(--radius-md);
      padding: 14px 16px;
      font-family: var(--font-body);
      font-size: 15px;
      color: var(--color-primary);
      outline: none;
      transition: border-color 0.2s;
    }
    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus { border-color: var(--color-accent); }
    .form-group textarea { resize: vertical; min-height: 140px; }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .btn-submit {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--color-primary);
      color: var(--color-page-bg);
      font-family: var(--font-body);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 16px 32px;
      border: none;
      border-radius: var(--radius-sm);
      cursor: pointer;
      transition: background 0.2s;
    }
    .btn-submit:hover { background: var(--color-accent); }
    .form-group.error input,
    .form-group.error select,
    .form-group.error textarea { border-color: #c0392b; }
    .form-group__error {
      font-size: 12px;
      color: #c0392b;
      margin-top: 5px;
      display: none;
    }
    .form-group.error .form-group__error { display: block; }
    .form-success {
      display: none;
      text-align: center;
      padding: 60px 40px;
    }
    .form-success__icon {
      width: 56px; height: 56px;
      border-radius: 50%;
      background: #f0ede9;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 24px;
      font-size: 24px;
    }
    .form-success__title {
      font-family: var(--font-heading);
      font-size: 28px;
      font-weight: 400;
      color: var(--color-primary);
      margin-bottom: 12px;
    }
    .form-success__text {
      font-size: 14px;
      color: var(--color-text);
      line-height: 1.7;
    }
.contact-copyright {
  font-size: 12px;
  color: rgba(255,255,255,0.2);
}

    @media (max-width: 768px) {
      .contact-page { grid-template-columns: 1fr; }
      .form-row { grid-template-columns: 1fr; }
    }