```html
<!-- THIS IS YOUR ORIGINAL FILE WITH ONLY 5 CHANGES APPLIED -->

<!-- ================= CHANGE 1: BACKGROUND ================= -->
/* FIND this block in your CSS:

body.mode-aesthetic::before{
  background:
    linear-gradient(rgba(255,255,255,.56), rgba(255,255,255,.56)),
    var(--main-bg) center/cover no-repeat;
  opacity:.78;
}

REPLACE WITH: */

body.mode-aesthetic::before{
  content:"";
  position:fixed;
  width:200%;
  height:200%;
  top:-50%;
  left:-50%;
  pointer-events:none;
  z-index:-2;

  background:
    linear-gradient(rgba(255,255,255,.56), rgba(255,255,255,.56)),
    var(--main-bg) center/cover no-repeat;

  transform:rotate(45deg) scale(1.15);
  opacity:.78;
}

<!-- ================= CHANGE 2: LOGO ================= -->
/* FIND */

.brand img.logo2{
  height:34px;
  object-fit:contain;
}

/* REPLACE */

.brand img.logo2{
  height:34px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(46%) sepia(18%) saturate(624%) hue-rotate(292deg);
}

<!-- ================= CHANGE 3: TITLE ================= -->
/* FIND */

.screen-title,.public-title,.login-home{
  line-height:1.1;
  padding-top:.12em;
  padding-bottom:.06em;
}

/* REPLACE */

.screen-title,.public-title,.login-home{
  line-height:1.25;
  padding-top:.25em;
  padding-bottom:.15em;
}

/* ADD BELOW */

.screen-title-wrap{
  overflow:visible;
}

<!-- ================= CHANGE 4: FLOWERS ================= -->
<!-- ADD this near bottom BEFORE </body> -->

<script>
function makeHomeFlowers(){
  const container = document.body;

  for(let i=0;i<6;i++){
    ["left","right"].forEach(side=>{
      const f=document.createElement("img");
      f.src="https://i.ibb.co/23f48SPp/download-9.png";
      f.className=`scroll-flower ${side}`;
      f.style.top = (150 + i*420) + "px";
      container.appendChild(f);
    });
  }

  updateFlowers();
}

function updateFlowers(){
  document.querySelectorAll(".scroll-flower").forEach(f=>{
    const r=f.getBoundingClientRect();
    f.classList.toggle("show", r.top<innerHeight*0.85 && r.bottom>innerHeight*0.15);
  });
}

window.addEventListener("scroll", updateFlowers);
window.addEventListener("resize", updateFlowers);

makeHomeFlowers();
</script>

<!-- ================= CHANGE 5: SUPABASE ================= -->
<!-- ADD at very bottom -->

<script type="module">
import { createClient } from "https://esm.sh/@supabase/supabase-js@2?bundle";

const supabase = createClient("PASTE_URL","PASTE_KEY");

async function checkUser(){
  const { data } = await supabase.auth.getSession();

  const loginView = document.getElementById("loginView");
  const appView = document.getElementById("appView");
  const homeView = document.getElementById("homeView");

  if(!data.session){
    loginView.classList.remove("hidden");
    appView.classList.add("hidden");
  } else {
    loginView.classList.add("hidden");
    appView.classList.remove("hidden");
    homeView.classList.remove("hidden");
  }
}

checkUser();
</script>
```