.lu-donate {
    font-family: 'DM Sans', system-ui, sans-serif;
  }

  /* FORM SECTION */
  .lu-donate__form-section {
    background: #F5F3E8;
    padding: 64px 24px 80px;
  }
  .lu-donate__form-wrap {
    max-width: 520px;
    margin: 0 auto;
    background: #ECE7FA;
    border-radius: 16px;
    padding: 40px 36px;
    box-shadow: 0 24px 48px -24px rgba(12, 10, 62, 0.25);
  }
  @media (max-width: 480px) {
    .lu-donate__form-wrap {
      padding: 32px 20px;
    }
  }
  .lu-donate__form-title {
    font: 800 28px/1.1 'DM Sans', sans-serif;
    color: #0C0A3E;
    margin: 0 0 32px;
    letter-spacing: -0.02em;
  }
  .lu-donate__field {
    border: none;
    padding: 0;
    margin: 0 0 28px;
  }
  .lu-donate__field legend {
    font: 600 13px/1 'DM Sans', sans-serif;
    color: rgba(12, 10, 62, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
    display: block;
  }
  .lu-donate__toggle {
    display: flex;
    border: 2px solid #0C0A3E;
    width: fit-content;
  }
  .lu-donate__toggle-opt { cursor: pointer; }
  .lu-donate__toggle-opt input {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
  }
  .lu-donate__toggle-opt:focus-within span {
    outline: 3px solid #0C0A3E;
    outline-offset: 2px;
  }
  .lu-donate__toggle-opt span {
    display: block;
    padding: 12px 28px;
    font: 600 14px/1 'DM Sans', sans-serif;
    color: #0C0A3E;
    transition: all 0.15s;
    cursor: pointer;
  }
  .lu-donate__toggle-opt input:checked + span {
    background: #0C0A3E;
    color: #CCFF33 !important;
  }
  .lu-donate__amounts {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 12px;
  }
  .lu-donate__amounts label { cursor: pointer; }
  .lu-donate__amounts input {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
  }
  .lu-donate__amounts label:focus-within span {
    outline: 3px solid #0C0A3E;
    outline-offset: 2px;
  }
  .lu-donate__amounts span {
    display: block;
    text-align: center;
    padding: 14px 8px;
    border: 2px solid rgba(12, 10, 62, 0.2);
    font: 700 16px/1 'DM Sans', sans-serif;
    color: #0C0A3E;
    transition: all 0.15s;
    cursor: pointer;
  }
  .lu-donate__amounts input:checked + span {
    border-color: #0C0A3E;
    background: #0C0A3E;
    color: #CCFF33 !important;
  }
  .lu-donate__custom { display: block; margin-top: 8px; }
  .lu-donate__custom span {
    display: block;
    font: 600 12px/1 'DM Sans', sans-serif;
    color: rgba(12, 10, 62, 0.6);
    margin-bottom: 6px;
  }
  .lu-donate__custom input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(12, 10, 62, 0.2);
    font: 400 16px/1 'DM Sans', sans-serif;
    color: #0C0A3E;
    background: #fff;
    box-sizing: border-box;
  }
  .lu-donate__field--details label { display: block; margin-bottom: 16px; }
  .lu-donate__field--details span {
    display: block;
    font: 600 12px/1 'DM Sans', sans-serif;
    color: rgba(12, 10, 62, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
  }
  .lu-donate__field--details input {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid rgba(12, 10, 62, 0.15);
    font: 400 16px/1 'DM Sans', sans-serif;
    color: #0C0A3E;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.15s;
  }
  .lu-donate__field--details input:focus {
    outline: 3px solid #0C0A3E;
    outline-offset: 2px;
    border-color: #A89CED;
  }
  .lu-donate__error {
    color: #c0392b;
    font: 400 14px/1.4 'DM Sans', sans-serif;
    margin: 0 0 16px;
  }
  .lu-donate__submit {
    display: block;
    width: 100%;
    background: #0C0A3E;
    color: #CCFF33 !important;
    font: 700 14px/1 'DM Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 20px 32px;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
    margin-bottom: 20px;
  }
  .lu-donate__submit:hover { background: #A89CED; color: #0C0A3E; }
  .lu-donate__cancel-note {
    font: 400 13px/1.5 'DM Sans', sans-serif;
    color: rgba(12,10,62,0.6);
    margin: 0 0 16px;
    text-align: center;
  }
  .lu-donate__cancel-note a { color: rgba(12,10,62,0.8); font-size: inherit; }
  .lu-donate__legal {
    font: 400 12px/1.6 'DM Sans', sans-serif;
    color: rgba(12, 10, 62, 0.5);
    margin: 0;
  }
  .lu-donate__legal a { color: rgba(12, 10, 62, 0.7); }