body { font-family: "Poppins", sans-serif; margin:0; background:#eef7f8; padding:24px; }
    nav {
      background:#009fb7; color:white; display:flex; justify-content:space-between;
      align-items:center; padding:15px 30px;
    }
    nav a { color:white; text-decoration:none; margin:0 10px; font-weight:bold; }
    nav a:hover { color:#ffd700; }
    .language-select { background:white; border-radius:6px; padding:5px 10px; }
    main {
      max-width:800px; margin:40px auto; background:white; padding:40px;
      border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.1);
    }
    label { display:block; margin-top:15px; font-weight:600; color:#005a6b; }
    input, textarea {
      width:100%; padding:10px; border:1px solid #ccc; border-radius:8px;
      margin-top:5px; font-size:14px;
    }
    button {
      width:100%; background:#009fb7; color:white; border:none;
      padding:12px; border-radius:8px; font-size:16px; margin-top:20px; cursor:pointer;
    }
    button:hover { background:#007a91; }
    footer {
      text-align:center; padding:20px; color:#444;
    }


  :root{
      --bg:#f7fafc; /* page background */
      --card:#ffffff;
      --accent:#25D366; /* WhatsApp green */
      --muted:#6b7280;
      --shadow: 0 6px 20px rgba(16,24,40,0.08);
      --radius:14px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }

    /* Container used in a contact page layout */
    .support-panel{
      max-width:980px;
      margin:28px auto;
      padding:20px;
    }

    .support-card{
      display:flex;
      gap:20px;
      align-items:center;
      background:var(--card);
      padding:20px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      border:1px solid rgba(15,23,42,0.03);
    }

    .support-avatar{
      width:84px;
      height:84px;
      min-width:84px;
      border-radius:12px;
      display:inline-grid;
      place-items:center;
      background:linear-gradient(180deg, rgba(37,211,102,0.12), rgba(37,211,102,0.06));
      overflow:hidden;
    }
    .support-avatar img{width:56px;height:56px;object-fit:contain}

    .support-content{
      flex:1 1 auto;
      min-width:0;
    }

    .support-title{
      display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap
    }
    .support-title h3{margin:0;font-size:1.05rem;line-height:1;color:#0f172a}
    .support-title p{margin:0;color:var(--muted);font-size:0.92rem}

    .support-meta{margin-top:8px;color:var(--muted);font-size:0.9rem}

    .support-actions{
      display:flex;gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap
    }

    .btn{
      display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:0;font-weight:600;cursor:pointer;text-decoration:none;
      box-shadow:none;transition:transform .08s ease,box-shadow .12s ease;white-space:nowrap
    }
    .btn:active{transform:translateY(1px)}

    .btn-whatsapp{background:linear-gradient(90deg,var(--accent),#16a34a);color:white}
    .btn-email{background:transparent;border:1px solid rgba(15,23,42,0.06);color:#0f172a}

    .btn svg{width:18px;height:18px}

    /* small extra help text */
    .help-note{font-size:0.85rem;color:var(--muted);margin-left:6px}

    /* Floating quick access (bottom-right) */
    .floating-whatsapp{
      position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:flex-end
    }
    .floating-card{
      display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:var(--card);box-shadow:var(--shadow);border:1px solid rgba(15,23,42,0.04)
    }

    .floating-card img{width:36px;height:36px}
    .floating-text{display:none}

    @media (min-width:880px){
      .floating-text{display:block;font-weight:600}
    }

    /* Responsive stacking on small screens */
    @media (max-width:720px){
      .support-card{flex-direction:column;align-items:flex-start}
      .support-avatar{width:72px;height:72px}
      .support-actions{width:100%;justify-content:stretch}
      .btn{flex:1}
    }