body{
      background: radial-gradient(circle at top, #1e293b, #0f172a);
      color:#fff;
      font-family:'Segoe UI',sans-serif;
      min-height:100vh;
    }
    .cardx{
      background: rgba(17,24,39,0.88);
      border:1px solid rgba(255,255,255,0.10);
      border-radius: 1.2rem;
      backdrop-filter: blur(12px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.45);
      color:#fff;
    }

    /* everything white inside card */
    .cardx, .cardx * { color:#fff; }

    .form-label{ font-weight:600; }
    .form-control, .form-select{
      background: rgba(15,23,42,0.75);
      border: 1px solid rgba(255,255,255,0.14);
      color:#fff;
      border-radius: .9rem;
    }
    .form-control:focus, .form-select:focus{
      background: rgba(15,23,42,0.85);
      border-color: rgba(255,255,255,0.35);
      box-shadow:none;
      color:#fff;
    }
    .form-control::placeholder{ color: rgba(255,255,255,0.75); }
    select option{ color:#000; }
    .help{ color: rgba(255,255,255,.85); font-size:.92rem; }
    .req{ color:#ffd36a; }

    /* send button - NOT white */
    .btn-send{
      background: linear-gradient(180deg, rgba(30,41,59,.95), rgba(15,23,42,.95));
      border: 1px solid rgba(255,255,255,0.22);
      color:#fff;
      font-weight:700;
      border-radius: .9rem;
      padding: .55rem 1.05rem;
    }
    .btn-send:hover{
      background: linear-gradient(180deg, rgba(51,65,85,.95), rgba(15,23,42,.95));
      border-color: rgba(255,255,255,0.35);
      color:#fff;
    }
    .btn-send:focus{ box-shadow:none; }