

    /* ---- HERO ---- */
    .contact-hero {
      background: radial-gradient(ellipse 90% 80% at 15% 0%, rgba(0,60,140,.45) 0%, transparent 55%), radial-gradient(ellipse 60% 70% at 95% 80%, rgba(220,0,20,.10) 0%, transparent 60%), linear-gradient(165deg, #001428 0%, #002850 55%, #001020 100%);
      border-bottom: 1px solid rgba(255,255,255,.08);
      margin-top: -72px;
      padding-top: calc(72px + 18px);
      padding-bottom: 40px;
      text-align: center;
    }
@media (max-width: 480px) { .contact-hero { margin-top: -65px; padding-top: calc(65px + 18px); } }
    .contact-hero__breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); font-size: var(--font-size-sm); margin-bottom: var(--space-xl); }
    .contact-hero__breadcrumb a { color: rgba(249,237,216,.7); text-decoration: none; transition: color .2s; }
    .contact-hero__breadcrumb a:hover { color: #FFFFFF; }
    .contact-hero__breadcrumb-sep { color: rgba(249,237,216,.3); user-select: none; font-size: 16px; line-height: 1; }
    .contact-hero__breadcrumb [aria-current="page"] { color: rgba(249,237,216,.55); }
    .contact-hero__eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: var(--font-size-xs); font-weight: 700; color: rgba(249,237,216,.7); text-transform: uppercase; letter-spacing: .12em; margin-bottom: var(--space-md); }
    .contact-hero__title { font-family: var(--font-heading); font-size: clamp(36px, 5.5vw, 64px); letter-spacing: -.035em; line-height: 1.05; color: #FFFFFF; text-shadow: 0 1px 20px rgba(0,0,0,.2); margin-bottom: var(--space-md); }
    .contact-hero__lead { font-size: clamp(15px, 2vw, 18px); line-height: 1.65; color: rgba(249,237,216,.75); }

    /* ---- MAIN LAYOUT ---- */
    .contact-body {
      max-width: var(--container-max);
      margin-inline: auto;
      padding-inline: var(--space-lg);
      padding-block: var(--space-2xl);
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: var(--space-xl);
      align-items: start;
    }
    @media (max-width: 720px) {
      .contact-body { grid-template-columns: 1fr; padding-block: var(--space-xl); }
      .contact-sidebar { order: -1; }
    }

    /* ---- FORM ---- */
    .contact-form__card {
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-card);
      overflow: hidden;
    }
    .contact-form__card::before { content: ''; display: block; height: 3px; background: var(--gradient-cta); }
    .contact-form__inner { padding: var(--space-lg); }
    .contact-form__title { font-size: 18px; font-weight: 700; color: var(--color-text-primary); margin-bottom: var(--space-md); }

    .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--space-md); }
    .form-group:last-of-type { margin-bottom: 0; }
    .form-label { font-size: var(--font-size-sm); font-weight: 600; color: var(--color-text-primary); }
    .form-label span { color: var(--color-gold); margin-left: 2px; }
    .form-input, .form-select, .form-textarea {
      width: 100%;
      font-family: var(--font-sans);
      font-size: var(--font-size-sm);
      color: var(--color-text-primary);
      background: var(--color-bg);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      padding: 10px 12px;
      transition: border-color .18s, box-shadow .18s;
      outline: none;
      appearance: none;
    }
    .form-input:focus, .form-select:focus, .form-textarea:focus {
      border-color: var(--color-gold);
      box-shadow: 0 0 0 3px rgba(140,18,120,.1);
      background: var(--color-surface);
    }
    .form-select { background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239a948d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; cursor: pointer; }
    .form-textarea { resize: vertical; min-height: 120px; line-height: 1.6; }
    .form-hint { font-size: 12px; color: var(--color-text-muted); }

    .form-submit {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      margin-top: var(--space-lg);
      padding: 12px var(--space-lg);
      background: var(--gradient-cta);
      color: #FFFFFF;
      font-family: var(--font-sans);
      font-size: 15px;
      font-weight: 700;
      border: none;
      border-radius: var(--radius-md);
      cursor: pointer;
      transition: opacity .18s, transform .15s;
    }
    .form-submit:hover { opacity: .9; transform: translateY(-1px); }
    .form-submit:active { transform: translateY(0); }
    .form-submit svg { flex-shrink: 0; }

    /* ---- SIDEBAR ---- */
    .contact-sidebar { display: flex; flex-direction: column; gap: var(--space-md); }

    .contact-info-card {
      background: var(--color-surface);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      padding: var(--space-lg);
      box-shadow: var(--shadow-card);
    }
    .contact-info-card__title { font-size: 15px; font-weight: 700; color: var(--color-text-primary); margin-bottom: var(--space-md); }
    .contact-info-item { display: flex; align-items: flex-start; gap: 12px; padding-block: 10px; border-bottom: 1px solid var(--color-border-soft); }
    .contact-info-item:last-child { border-bottom: none; padding-bottom: 0; }
    .contact-info-item:first-of-type { padding-top: 0; }
    .contact-info-icon { width: 34px; height: 34px; background: var(--color-featured-bg); border: 1px solid var(--color-featured-border); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--color-gold); }
    .contact-info-label { font-size: 11px; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 2px; }
    .contact-info-value { font-size: var(--font-size-sm); font-weight: 500; color: var(--color-text-primary); }
    .contact-info-value a { color: var(--color-gold); }
    .contact-info-value a:hover { text-decoration: underline; }

    .contact-trust-card {
      background: var(--color-featured-bg);
      border: 1px solid var(--color-featured-border);
      border-radius: var(--radius-lg);
      padding: var(--space-lg);
    }
    .contact-trust-card__title { font-size: 14px; font-weight: 700; color: var(--color-text-primary); margin-bottom: var(--space-sm); display: flex; align-items: center; gap: 7px; }
    .contact-trust-card__title svg { color: var(--color-gold); flex-shrink: 0; }
    .contact-trust-card__text { font-size: 13px; line-height: 1.6; color: var(--color-text-secondary); }
    @media (max-width: 768px) { .site-footer__inner { grid-template-columns: 1fr; } .site-footer__links { flex-wrap: wrap; } }
