.report-form-section {
      background: #ffffff;
      padding: 40px 0 60px 0;
    }
    .report-form {
      background: #181F2A;
      border-radius: 16px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 32px 110px;
      box-shadow: 0 4px 32px #0003;
    }
    .form-title {
      color: #fff;
      margin-bottom: 32px;
      font-size: 2rem;
      text-align: center;
      font-weight: 700;
      letter-spacing: -1px;
      font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    }
    .report-categories {
      display: flex;
      flex-direction: column;
      gap: 22px;
      margin-bottom: 0;
    }
    .report-category {
      background: #23283a;
      border-radius: 10px;
      padding: 18px 22px 16px 22px;
      display: flex;
      align-items: flex-start;
      gap: 18px;
      transition: background 0.18s, box-shadow 0.18s;
      box-shadow: 0 1px 4px #0001;
      border: 1.5px solid transparent;
      position: relative;
    }
    .report-category:hover,
    .report-category.selected {
      background: #0d1e4a;
      border-radius: 10px;
      box-shadow: 0 2px 12px #0060fe22;
      border-color: #0060fe;
    }
    .custom-toggle {
      width: 28px;
      height: 28px;
      min-width: 28px;
      min-height: 28px;
      border-radius: 50%;
      background: #101c3a;
      border: 2px solid #bfc6e0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 2px;
      margin-right: 6px;
      position: relative;
      transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
      cursor: pointer;
      box-shadow: 0 1px 4px #0001;
    }
    .custom-toggle:after {
      content: "+";
      color: #fff;
      font-size: 1.3em;
      font-weight: 700;
      transition: transform 0.18s, color 0.18s;
      transform: scale(1);
      display: block;
      line-height: 1;
    }
    .report-category.selected .custom-toggle {
      border-color: #1a7cff;
      background: #1a2950;
      box-shadow: 0 2px 12px #0060fe22;
    }
    .report-category.selected .custom-toggle:after {
      content: "-";
      color: #1a7cff;
      transform: scale(1.2) rotate(0.5deg);
    }
    .custom-toggle:hover, .custom-toggle:focus {
      border-color: #0060fe;
      background: #16224a;
      box-shadow: 0 2px 8px #0060fe33;
      outline: none;
    }
    .report-category label {
      color: #fff;
      cursor: pointer;
      font-size: 1.13rem;
      font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
      font-weight: 600;
      line-height: 1.3;
      display: block;
      width: 100%;
      transition: color 0.2s, background 0.2s;
      background: none !important;
    }
    .report-category label b {
      color: #009DE1;
      font-weight: 700;
      font-size: 1.08em;
      letter-spacing: -0.5px;
    }
    .report-category label span {
      color: #bfc6e0;
      font-size: 1.01em;
      display: block;
      margin-top: 2px;
      font-weight: 400;
      letter-spacing: 0;
    }
    @media (max-width: 1400px) {
      .report-form { max-width: 98vw; padding-left: 5vw; padding-right: 5vw; }
    }
    @media (max-width: 1100px) {
      .report-form { padding-left: 2vw; padding-right: 2vw; }
    }
    @media (max-width: 800px) {
      .report-form { padding: 18px 6px; }
      .form-title { font-size: 1.1rem; }
      .report-category { padding: 12px 6px; }
    }

    .styled-form {
      background: #20273a;
      border-radius: 0 0 18px 18px;
      margin-top: -2px;
      margin-bottom: 32px;
      box-shadow: 0 4px 24px #0002;
      padding: 32px 32px 24px 32px;
      position: relative;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: opacity 0.35s cubic-bezier(.4,1.3,.6,1), max-height 0.5s cubic-bezier(.4,1.3,.6,1);
      border-top: 2.5px solid #1a7cff;
    }
    .styled-form.open {
      opacity: 1;
      max-height: 2000px;
      overflow: visible;
      animation: formPop 0.4s cubic-bezier(.4,1.3,.6,1);
    }
    @keyframes formPop {
      0% { transform: translateY(-16px) scaleY(0.95); opacity: 0; }
      100% { transform: none; opacity: 1; }
    }
    .styled-form h3 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 22px;
      font-size: 1.45rem;
      font-weight: 700;
      letter-spacing: -0.5px;
      font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    }
    .styled-form .form-row {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-bottom: 0;
    }
    .styled-form .form-group {
      flex: 1 1 220px;
      min-width: 220px;
      display: flex;
      flex-direction: column;
      margin-bottom: 18px;
    }
    .styled-form .form-group.wide {
      min-width: 320px;
      flex: 1 1 350px;
    }
    .styled-form label {
      color: #bfc6e0;
      font-size: 1.08em;
      font-weight: 600;
      margin-bottom: 6px;
      letter-spacing: 0;
    }
    .styled-form input, .styled-form textarea {
      background: #23283a;
      border: 1.5px solid #2e3955;
      color: #fff;
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 1.08em;
      font-family: inherit;
      margin-bottom: 0;
      outline: none;
      transition: border-color 0.2s, box-shadow 0.2s;
      box-shadow: 0 1px 4px #0001;
      resize: none;
    }
    .styled-form input:focus, .styled-form textarea:focus {
      border-color: #1a7cff;
      box-shadow: 0 2px 8px #0060fe33;
    }
    .styled-form textarea {
      min-height: 80px;
      max-height: 200px;
    }
    .styled-form .form-legal {
      color: #bfc6e0;
      font-size: 0.98em;
      margin: 18px 0 10px 0;
    }
    .styled-form .btn-submit {
      margin-top: 10px;
      background: #0060fe;
      border: none;
      font-weight: 700;
      font-size: 1.13em;
      padding: 12px 38px;
      border-radius: 8px;
      color: #fff;
      cursor: pointer;
      box-shadow: 0 2px 8px #0060fe33;
      transition: background 0.18s, box-shadow 0.18s;
      letter-spacing: 0.5px;
    }
    .styled-form .btn-submit:hover {
      background: #1a7cff;
      box-shadow: 0 4px 16px #0060fe44;
    }
    .styled-form .form-arrow {
      width: 0; height: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-bottom: 18px solid #20273a;
      position: absolute;
      top: -18px;
      left: 40px;
      z-index: 2;
      filter: drop-shadow(0 -2px 0 #1a7cff);
    }
    @media (max-width: 900px) {
      .styled-form { padding: 18px 6px 12px 6px; }
      .styled-form .form-group, .styled-form .form-group.wide { min-width: 120px; }
      .styled-form .form-arrow { left: 18px; }
    }
    @media (max-width: 600px) {
      .styled-form .form-row { flex-direction: column; gap: 0; }
      .styled-form .form-group, .styled-form .form-group.wide { min-width: 0; }
      .styled-form .form-arrow { left: 10px; }
    }

    .notif.success {
      background: #e6ffe6;
      color: #1a7c1a;
      border: 1.5px solid #1a7c1a;
      padding: 16px 24px;
      border-radius: 8px;
      margin: 18px auto 0 auto;
      max-width: 600px;
      font-size: 1.1em;
      text-align: center;
      box-shadow: 0 2px 8px #1a7c1a22;
    }
    .notif.error {
      background: #ffeaea;
      color: #c00;
      border: 1.5px solid #c00;
      padding: 16px 24px;
      border-radius: 8px;
      margin: 18px auto 0 auto;
      max-width: 600px;
      font-size: 1.1em;
      text-align: center;
      box-shadow: 0 2px 8px #c002;
    }