Embed

<div style="display:flex;justify-content:center;width:100%;padding:18px 0;">

  <div role="region" aria-label="Portal access"
       style="
         background:#a8915c;
         border:1px solid rgba(77,88,65,0.35);
         border-radius:14px;
         box-shadow:0 10px 30px rgba(0,0,0,0.15);
         padding:22px 20px 18px;
         width:100%;
         max-width:520px;
         font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
         color:#ffffff;
       ">

    <div style="font-size:18px;font-weight:700;margin-bottom:6px;">
      Client Portal
    </div>

    <div style="font-size:14px;opacity:0.95;margin-bottom:14px;">
      Enter your access code to continue.
    </div>

    <form id="cp-form" autocomplete="off" novalidate>

      <label for="cp-pass"
             style="display:block;font-size:13px;font-weight:600;margin-bottom:8px;">
        Access code
      </label>

      <div style="display:flex;gap:10px;align-items:center;">

        <input
          id="cp-pass"
          type="password"
          required
          placeholder="••••••••"
          style="
            flex:1;
            height:44px;
            padding:0 12px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,0.4);
            font-size:14px;
            color:#4d5841;
            background:#ffffff;
            outline:none;
          "
        />

        <button type="submit"
                style="
                  height:44px;
                  padding:0 16px;
                  border-radius:10px;
                  border:none;
                  background:#4d5841;
                  color:#ffffff;
                  font-weight:700;
                  font-size:14px;
                  cursor:pointer;
                  white-space:nowrap;
                ">
          Continue
        </button>

      </div>

      <div style="margin-top:10px;font-size:12.5px;opacity:0.9;">
        If you don’t have the code, please contact the practice.
      </div>

      <div id="cp-error"
           style="margin-top:10px;font-size:13px;font-weight:600;color:#3b0f0f;min-height:18px;">
      </div>

    </form>

  </div>
</div>

<script>
(function(){
  "use strict";

  var TARGET_URL = "https://clearpsychiatry.com/followup";

  // Obfuscated password (Base64)
  var b64 = "Q2hlc2hpcmU="; // Cheshire
  var expected = atob(b64);

  var form = document.getElementById("cp-form");
  var input = document.getElementById("cp-pass");
  var error = document.getElementById("cp-error");

  form.addEventListener("submit", function(e){
    e.preventDefault();
    error.textContent = "";

    var entered = (input.value || "").trim();

    if(!entered){
      error.textContent = "Please enter the access code.";
      input.focus();
      return;
    }

    if(entered === expected){
      input.value = "";
      window.location.href = TARGET_URL;
      return;
    }

    error.textContent = "That access code is not recognised.";
    input.focus();
    input.select();
  });
})();
</script>


Clear Psychiatry