:root {
      --bg: #070707;
      --surface: rgba(255, 255, 255, 0.05);
      --text: #ffffff;
      --muted: #d8d8d8;
      --accent: #ff52af;
      --accent-2: #ff8ad4;
      --border: rgba(255, 255, 255, 0.14);
    }

    * { box-sizing: border-box; }
    h1, h2 { overflow-wrap: anywhere; }

    body {
      margin: 0;
      min-height: 100vh;
      background: radial-gradient(circle at top, rgba(255, 77, 184, 0.16) 0%, #0c0020 45%, #040404 100%) #070707;
      color: var(--text);
      font-family: Arial, Helvetica, sans-serif;
    }

    .page {
      width: min(1120px, calc(100% - 48px));
      margin: 0 auto;
      padding: 32px 0 56px;
    }

    .topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 48px;
    }

    .brand, .back-link, .site-nav a {
      color: var(--text);
      font-weight: 700;
      text-decoration: none;
    }

    .brand { font-size: 1.15rem; }

    .site-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
    }

    .site-nav a {
      padding: 5px 0 7px;
      border-bottom: 2px solid transparent;
      color: var(--muted);
      font-size: 0.82rem;
      transition: background 0.2s ease, color 0.2s ease;
    }

    .site-nav a:hover, .site-nav a:focus-visible, .site-nav a[aria-current="page"] {
      border-bottom-color: var(--accent);
      color: var(--accent-2);
      outline: none;
    }

    .contact-layout {
      display: grid;
      grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
      gap: 64px;
      align-items: start;
    }

    .eyebrow {
      margin: 0 0 12px;
      color: var(--accent-2);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    h1 {
      margin: 0;
      font-size: 3.2rem;
      line-height: 1;
    }

    .intro {
      margin: 22px 0 0;
      color: var(--muted);
      line-height: 1.65;
    }

    .contact-methods {
      display: grid;
      gap: 16px;
      margin-top: 36px;
    }

    .contact-method {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--border);
    }

    .method-label {
      color: var(--muted);
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .method-link, .method-value {
      color: var(--text);
      font-weight: 700;
      overflow-wrap: anywhere;
    }

    .method-link {
      text-decoration-color: var(--accent);
      text-underline-offset: 4px;
    }

    .method-link:hover, .method-link:focus-visible { color: var(--accent-2); }

    .form-wrap {
      padding: 32px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--surface);
      box-shadow: 0 28px 60px rgba(0, 0, 0, 0.24);
    }

    .form-title { margin: 0; font-size: 1.45rem; }
    .form-copy { margin: 10px 0 28px; color: var(--muted); line-height: 1.5; }

    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .field { display: grid; gap: 8px; }
    .field-wide { grid-column: 1 / -1; }

    label { font-size: 0.9rem; font-weight: 700; }

    input, textarea {
      width: 100%;
      border: 1px solid var(--border);
      border-radius: 6px;
      background: rgba(0, 0, 0, 0.25);
      color: var(--text);
      font: inherit;
      padding: 12px 13px;
    }

    textarea { min-height: 138px; resize: vertical; }
    input:focus, textarea:focus { border-color: var(--accent); outline: 2px solid rgba(255, 82, 175, 0.22); }

    .submit-button {
      margin-top: 24px;
      border: 0;
      border-radius: 6px;
      background: var(--accent);
      color: #fff;
      cursor: pointer;
      font: inherit;
      font-weight: 700;
      padding: 13px 20px;
    }

    .submit-button:hover, .submit-button:focus-visible { background: var(--accent-2); outline: none; }
    .submit-button:disabled { cursor: wait; opacity: 0.72; }
    .form-note { margin: 14px 0 0; color: var(--muted); font-size: 0.84rem; line-height: 1.45; }
    .form-status { min-height: 1.25rem; margin: 14px 0 0; font-size: 0.9rem; font-weight: 700; }
    .form-status.success { color: #a9ffbd; }
    .form-status.error { color: #ff9dcf; }
    .honeypot { display: none; }

    @media (max-width: 760px) {
      .page { width: min(100% - 32px, 1120px); padding-top: 24px; }
      .topbar { margin-bottom: 36px; }
      .contact-layout { grid-template-columns: 1fr; gap: 40px; }
      h1 { font-size: 2.65rem; }
      .form-wrap { padding: 24px 18px; }
      .form-grid { grid-template-columns: 1fr; }
      .field-wide { grid-column: auto; }
    }