:root{
  --tt-pink-1:#f7b8d0;
  --tt-pink-2:#f1a4c4;
  --tt-yellow:#ffdf8c;
  --tt-blue-1:#c8e6ff;
  --tt-blue-2:#7acbf8;
  --tt-pink-3:#e7749a;
  --tt-bg:#fff3f9;
}
body{
  background:var(--tt-bg);
}
img{
  max-width:100%;
  height:auto;
}
.tt-navbar{
  background:linear-gradient(90deg,var(--tt-pink-1),var(--tt-blue-1));
}
.tt-btn{
  background:var(--tt-pink-3);
  border-color:var(--tt-pink-3);
}
.tt-btn:hover{
  background:var(--tt-pink-2);
  border-color:var(--tt-pink-2);
}
.tt-badge{
  background:var(--tt-yellow);
  color:#000;
}
.tt-card{
  border:0;
  box-shadow:0 10px 30px rgba(0,0,0,.07);
}
.tt-hero{
  background:linear-gradient(135deg,var(--tt-blue-1),#ffffff);
  border-radius:24px;
}