.page-contact .contact-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
  }
  
  .page-contact .contact-card{
    background: white;
    border-radius: var(--radius);
    border: 1px solid rgba(10,20,30,.08);
    padding: 22px;
    box-shadow: var(--shadow);
  }
  
  .page-contact .contact-list{
    display: grid;
    gap: 14px;
    margin-top: 14px;
  }
  
  .page-contact .label{
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: 4px;
  }
  
  .page-contact .contact-form{
    display: grid;
    gap: 12px;
    margin-top: 10px;
  }
  
  .page-contact .contact-form label{
    display: grid;
    gap: 6px;
    font-weight: 600;
  }
  
  .page-contact .contact-form input,
  .page-contact .contact-form textarea{
    width: 100%;
    padding: 12px 12px;
    border-radius: 12px;
    border: 1px solid rgba(10,20,30,.14);
    font: inherit;
    outline: none;
  }
  
  .page-contact .contact-form input:focus,
  .page-contact .contact-form textarea:focus{
    border-color: rgba(47,111,255,.55);
    box-shadow: 0 0 0 4px rgba(47,111,255,.14);
  }
  
  .page-contact .muted{ color: rgba(10,20,30,.65); }
  .page-contact .small{ font-size: 13px; line-height: 1.5; }
  
  @media (max-width: 900px){
    .page-contact .contact-grid{ grid-template-columns: 1fr; }
  }