:root {
      --bg: #0c0f0e;
      --surface: #151816;
      --surface-2: #101311;
      --text: #f7efe4;
      --muted: #b9ad9b;
      --gold: #c99a53;
      --gold-2: #f2cb82;
      --brass: #b8793c;
      --brass-hover: #c98f4a;
      --brass-active: #8e5f31;
      --ink: #130e09;
      --line: rgba(201, 154, 83, .24);
      --soft-line: rgba(255, 255, 255, .08);
      --danger: #e29b8f;
      --success: #9ac59f;
    }

    * { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 84px;
    }

    body {
      margin: 0;
      min-height: 100vh;
      color: var(--text);
      background-color: var(--bg);
      background-image:
        linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);
      background-size: 32px 32px;
      font-family: 'IRANYekan', 'IRYekan', Tahoma, Arial, sans-serif !important;
      overflow-x: hidden;
      text-align: right;
    }

    button, input, select, textarea { font-family: inherit !important; }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      z-index: 1000;
      border-bottom: 1px solid rgba(201,154,83,.20);
      background: rgba(10,12,11,.93);
      backdrop-filter: blur(18px);
      box-shadow: 0 12px 38px rgba(0,0,0,.28);
    }

    .navbar { min-height: 72px; }
    .navbar-brand { gap: 11px; margin: 0; color: var(--text) !important; }

    .brand-mark {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #17110a;
      border-radius: 7px;
      background: var(--brass);
      font-weight: 950;
    }

    .brand-title { display: block; font-size: .96rem; font-weight: 950; line-height: 1.4; }
    .brand-sub { display: block; color: #968c7e; direction: ltr; font-size: .62rem; text-align: right; }

    .navbar .nav-link {
      padding: .55rem .72rem !important;
      color: #d7cfbf !important;
      border-radius: 7px;
      font-size: .82rem;
      transition: color .18s ease, background .18s ease;
    }

    .navbar .nav-link:hover,
    .navbar .nav-link.active { color: #f2d6aa !important; background: rgba(184,121,60,.13); }
    .navbar-toggler { border: 1px solid rgba(201,154,83,.38); box-shadow: none !important; }
    .navbar-toggler-icon { filter: invert(1) sepia(.6); }

    .header-action {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 12px;
      color: var(--ink);
      border: 1px solid rgba(242,203,130,.22);
      border-radius: 7px;
      background: var(--brass);
      font-size: .72rem;
      font-weight: 850;
      transition: transform .18s ease, background .18s ease;
    }

    .header-action:hover { color: var(--ink); background: var(--brass-hover); transform: translateY(-1px); }

    .cooperation-main { padding: 108px 0 76px; }

    .page-heading {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 24px;
      margin-bottom: 24px;
    }

    .breadcrumb-mini {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 7px;
      margin-bottom: 12px;
      color: #8f877b;
      font-size: .72rem;
    }

    .breadcrumb-mini a { color: #d2c4b1; }
    .breadcrumb-mini span { color: #5e5b55; }
    .page-kicker { display: block; margin-bottom: 8px; color: var(--gold); font-size: .72rem; font-weight: 900; }

    .page-title {
      margin: 0;
      color: #fff4e6;
      font-size: clamp(1.75rem, 4vw, 3rem);
      font-weight: 950;
      line-height: 1.35;
    }

    .page-description {
      max-width: 680px;
      margin: 10px 0 0;
      color: var(--muted);
      font-size: .9rem;
      line-height: 1.9;
    }

    .heading-status {
      min-width: 176px;
      padding: 13px 15px;
      border-right: 3px solid var(--brass);
      background: rgba(21,24,22,.88);
    }

    .heading-status strong { display: block; color: #f5e6d2; font-size: .84rem; }
    .heading-status span { display: block; margin-top: 4px; color: #8f877b; font-size: .66rem; }

    .process-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-bottom: 16px;
      overflow: hidden;
      border: 1px solid var(--soft-line);
      border-radius: 8px;
      background: #111411;
    }

    .process-step {
      position: relative;
      min-height: 64px;
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      border-left: 1px solid var(--soft-line);
    }

    .process-step:last-child { border-left: 0; }
    .process-no { color: var(--gold); direction: ltr; font-size: .72rem; font-weight: 950; }
    .process-step strong { display: block; color: #eadfce; font-size: .74rem; }
    .process-step span:last-child { display: block; margin-top: 3px; color: #857e73; font-size: .61rem; }

    .cooperation-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 330px;
      align-items: start;
      gap: 16px;
    }

    .cooperation-form {
      overflow: hidden;
      border: 1px solid rgba(201,154,83,.28);
      border-radius: 8px;
      background: var(--surface);
      box-shadow: 0 24px 64px rgba(0,0,0,.28);
    }

    .form-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--soft-line);
      background: #111411;
    }

    .form-header strong { display: block; color: #fff1df; font-size: .92rem; }
    .form-header span { display: block; margin-top: 3px; color: #8f877b; font-size: .65rem; }

    .required-note {
      flex: 0 0 auto;
      margin: 0 !important;
      padding: 5px 8px;
      color: #d2b07c !important;
      border: 1px solid rgba(201,154,83,.24);
      border-radius: 4px;
      background: rgba(184,121,60,.08);
      font-size: .6rem !important;
    }

    fieldset {
      min-width: 0;
      margin: 0;
      padding: 20px;
      border: 0;
      border-bottom: 1px solid var(--soft-line);
    }

    fieldset:last-of-type { border-bottom: 0; }

    .fieldset-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 16px;
    }

    .fieldset-no {
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #191109;
      border-radius: 5px;
      background: var(--brass);
      direction: ltr;
      font-size: .64rem;
      font-weight: 950;
    }

    .fieldset-head strong { display: block; color: #f1e5d5; font-size: .8rem; }
    .fieldset-head span:last-child { display: block; margin-top: 3px; color: #817a70; font-size: .61rem; }

    .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .form-field { min-width: 0; }
    .form-field.full { grid-column: 1 / -1; }

    .form-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      margin-bottom: 7px;
      color: #d9cebf;
      font-size: .7rem;
      font-weight: 780;
    }

    .form-label small { color: #776f65; font-size: .58rem; font-weight: 500; }
    .required-mark { color: #d9a067; }

    .form-control,
    .form-select {
      width: 100%;
      min-height: 44px;
      padding: 9px 11px;
      color: #f2e8db;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 6px;
      background-color: #0f1210;
      box-shadow: none !important;
      font-size: .74rem;
      transition: border-color .18s ease, background .18s ease;
    }

    textarea.form-control { min-height: 104px; resize: vertical; line-height: 1.8; }

    .form-control::placeholder { color: #68645e; }
    .form-control:hover,
    .form-select:hover { border-color: rgba(201,154,83,.30); }
    .form-control:focus,
    .form-select:focus { color: #fff; border-color: rgba(201,154,83,.68); background-color: #121512; }
    .form-select { color-scheme: dark; }
    .form-control.is-invalid,
    .form-select.is-invalid { border-color: rgba(226,155,143,.82); }
    .form-control.is-valid,
    .form-select.is-valid { border-color: rgba(154,197,159,.58); }

    .field-error {
      display: none;
      margin-top: 5px;
      color: var(--danger);
      font-size: .6rem;
    }

    .form-field.has-error .field-error { display: block; }

    .upload-box {
      position: relative;
      min-height: 116px;
      display: grid;
      place-items: center;
      padding: 18px;
      overflow: hidden;
      color: #bdb2a3;
      border: 1px dashed rgba(201,154,83,.40);
      border-radius: 6px;
      background-color: #0f1210;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
      background-size: 18px 18px;
      text-align: center;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease;
    }

    .upload-box:hover,
    .upload-box.dragging { border-color: rgba(242,203,130,.72); background-color: #141714; }
    .upload-box input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
    .upload-symbol { display: block; margin-bottom: 7px; color: var(--gold); font-size: 1.4rem; line-height: 1; }
    .upload-box strong { display: block; color: #dfd3c3; font-size: .72rem; }
    .upload-box span:last-child { display: block; margin-top: 5px; color: #756f66; font-size: .6rem; }

    .upload-preview {
      display: none;
      grid-template-columns: 48px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      margin-top: 9px;
      padding: 8px;
      border: 1px solid var(--soft-line);
      border-radius: 5px;
      background: #101311;
    }

    .upload-preview.show { display: grid; }
    .upload-preview img { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; }
    .upload-preview strong { display: block; overflow: hidden; color: #d9cebf; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
    .upload-preview span { display: block; margin-top: 3px; color: #756f66; font-size: .58rem; }

    .remove-file,
    .refresh-captcha {
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 5px;
      background: #171a18;
      cursor: pointer;
    }

    .remove-file { width: 30px; height: 30px; color: #d9a49b; }
    .remove-file:hover { border-color: rgba(226,155,143,.5); background: rgba(226,155,143,.08); }

    .security-panel {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(180px, .72fr);
      gap: 14px;
      align-items: end;
      padding: 14px;
      border-right: 3px solid var(--brass);
      background: #101311;
    }

    .captcha-label { display: block; margin-bottom: 7px; color: #d9cebf; font-size: .68rem; font-weight: 800; }
    .captcha-question { display: grid; grid-template-columns: 1fr 36px; gap: 7px; }
    .captcha-expression {
      min-height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #f1d7b0;
      border: 1px solid rgba(201,154,83,.28);
      border-radius: 6px;
      background: #0d100e;
      direction: ltr;
      font-size: .86rem;
      font-weight: 900;
    }

    .refresh-captcha { width: 36px; height: 44px; color: #c9b79e; font-size: 1rem; }
    .refresh-captcha:hover { color: #f1d1a2; border-color: rgba(201,154,83,.42); }
    .security-copy strong { display: block; color: #e3d8c9; font-size: .72rem; }
    .security-copy p { margin: 6px 0 0; color: #827a70; font-size: .61rem; line-height: 1.75; }

    .form-footer {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 16px;
      padding: 18px 20px;
      background: #111411;
    }

    .consent-label {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      align-items: start;
      gap: 8px;
      color: #a69c8e;
      font-size: .64rem;
      line-height: 1.8;
      cursor: pointer;
    }

    .consent-label input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--brass); }

    .submit-button {
      min-width: 168px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 16px;
      color: var(--ink);
      border: 1px solid rgba(242,203,130,.22);
      border-radius: 7px;
      background: var(--brass);
      font-size: .74rem;
      font-weight: 900;
      cursor: pointer;
      transition: transform .18s ease, background .18s ease, opacity .18s ease;
    }

    .submit-button:hover { background: var(--brass-hover); transform: translateY(-1px); }
    .submit-button:active { background: var(--brass-active); transform: translateY(1px); }
    .submit-button:disabled { opacity: .55; cursor: wait; transform: none; }
    .submit-button:focus-visible,
    .remove-file:focus-visible,
    .refresh-captcha:focus-visible,
    .header-action:focus-visible { outline: 2px solid rgba(242,203,130,.75); outline-offset: 2px; }

    .form-message {
      display: none;
      margin: 0 20px 18px;
      padding: 11px 12px;
      border-radius: 5px;
      font-size: .68rem;
      line-height: 1.8;
    }

    .form-message.show { display: block; }
    .form-message.error { color: #efb3a8; border: 1px solid rgba(226,155,143,.35); background: rgba(226,155,143,.08); }
    .form-message.success { color: #b9d8bd; border: 1px solid rgba(154,197,159,.35); background: rgba(154,197,159,.08); }
    .form-message.info { color: #e1c497; border: 1px solid rgba(201,154,83,.34); background: rgba(184,121,60,.08); }

    .cooperation-side {
      position: sticky;
      top: 88px;
      overflow: hidden;
      border: 1px solid var(--soft-line);
      border-radius: 8px;
      background: #111411;
    }

    .side-image {
      position: relative;
      min-height: 260px;
      overflow: hidden;
      border-bottom: 1px solid var(--soft-line);
    }

    .side-image img { position: absolute; inset: -1px; width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover; filter: saturate(.72) contrast(1.08) brightness(.56); }
    .side-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,8,7,.08), rgba(6,8,7,.82)); }
    .side-image-copy { position: absolute; z-index: 2; right: 18px; bottom: 18px; left: 18px; }
    .side-image-copy span { display: block; color: #d2b37f; direction: ltr; font-size: .6rem; font-weight: 900; }
    .side-image-copy strong { display: block; margin-top: 7px; color: #fff1df; font-size: 1rem; line-height: 1.7; }

    .side-content { padding: 18px; }
    .side-content h2 { margin: 0; color: #f0e4d4; font-size: .84rem; font-weight: 900; }
    .side-content p { margin: 8px 0 0; color: #8f877b; font-size: .66rem; line-height: 1.85; }

    .side-list { display: grid; gap: 10px; margin-top: 16px; }
    .side-list div { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: start; }
    .side-list b { color: var(--gold); direction: ltr; font-size: .64rem; }
    .side-list strong { display: block; color: #d9cebf; font-size: .68rem; }
    .side-list span { display: block; margin-top: 3px; color: #777168; font-size: .58rem; line-height: 1.65; }

    .side-contact {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 16px;
      padding-top: 14px;
      border-top: 1px solid var(--soft-line);
    }

    .side-contact span { color: #80796f; font-size: .58rem; }
    .side-contact a { color: #eacb9d; direction: ltr; font-size: .72rem; font-weight: 850; }

    .bot-field {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0 0 0 0) !important;
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    footer { padding: 26px 0; border-top: 1px solid var(--line); background: #090b0a; }
    .footer-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .footer-row strong { display: block; color: #f1e5d5; font-size: .82rem; }
    .footer-row span { display: block; margin-top: 4px; color: #817a70; font-size: .64rem; }
    .footer-links { display: flex; flex-wrap: wrap; gap: 14px; }
    .footer-links a { color: #b8ad9d; font-size: .68rem; }
    .footer-links a:hover { color: #efd0a1; }

    @media (max-width: 991.98px) {
      .page-heading { grid-template-columns: 1fr; }
      .heading-status { width: fit-content; }
      .cooperation-layout { grid-template-columns: 1fr; }
      .cooperation-side { position: relative; top: auto; display: grid; grid-template-columns: minmax(240px,.7fr) minmax(0,1fr); }
      .side-image { min-height: 310px; border-bottom: 0; border-left: 1px solid var(--soft-line); }
    }

    @media (max-width: 767.98px) {
      .cooperation-main { padding-top: 100px; }
      .process-strip { grid-template-columns: 1fr; }
      .process-step { border-left: 0; border-bottom: 1px solid var(--soft-line); }
      .process-step:last-child { border-bottom: 0; }
      .form-grid { grid-template-columns: 1fr; }
      .form-field.full { grid-column: auto; }
      .security-panel { grid-template-columns: 1fr; }
      .form-footer { grid-template-columns: 1fr; }
      .submit-button { width: 100%; }
      .cooperation-side { grid-template-columns: 1fr; }
      .side-image { min-height: 280px; border-left: 0; border-bottom: 1px solid var(--soft-line); }
      .footer-row { align-items: flex-start; flex-direction: column; }
    }

    @media (max-width: 479.98px) {
      .brand-sub { display: none; }
      .form-header { align-items: flex-start; flex-direction: column; }
      fieldset { padding: 17px 14px; }
      .form-footer { padding: 16px 14px; }
      .form-message { margin-right: 14px; margin-left: 14px; }
    }