:root{
  --fg:#ffffff;
  --muted:#a0a4aa;
  --accent:#4da3ff;
}

html, body{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background:transparent;
  overflow:hidden;
}

body{
  background: transparent;
  color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

/* =========================================================
   IFRAME-OPTIMIZED CONTAINER
========================================================= */
.card{
  background: transparent;
  padding:28px;
  width:100%;
  max-width:420px;

  /* iframe safety */
  box-sizing:border-box;
  overflow:hidden;

  /* visual stability */
  will-change: transform;
}