style.css

@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

body {
  margin:0;
  font-family:'Pacifico','Quicksand',cursive,sans-serif;
  background: linear-gradient(120deg, #bae6ff 0%, #e4eaff 50%, #e9d6fd 105%, #fbeaff 120%);
  color: #225571;
  min-height:100vh;
  position: relative;
  overflow-x: hidden;
}
/* Animated Background Hearts & Sparkles */
.bg-decor {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none;
}
.heart1, .heart2, .heart3, .spark1, .spark2 {
  position: absolute; font-size: 3em; opacity: 0.13; animation: floatY 6s infinite alternate;
}
.heart1 { left: 9vw; top: 18vh; color: #bae6ff; animation-delay: 0s; }
.heart2 { right: 12vw; top: 8vh; color: #dcbffa; animation-delay: 1s; }
.heart3 { left: 22vw; bottom: 11vh; color: #ffe066; animation-delay: 2s;}
.spark1 { right: 14vw; bottom: 14vh; color: #e4eaff; font-size: 2.5em; animation-delay: 1.6s;}
.spark2 { left: 35vw; top: 38vh; color: #dcbffa; font-size: 2em; animation-delay: 2.9s;}
@keyframes floatY {
  from {transform: translateY(0);}
  to {transform: translateY(-32px);}
}

header {
  text-align: center;
  padding: 2em 0 1em;
  background: rgba(188,223,255,0.18);
  position: relative;
  z-index: 2;
}
.main-logo {
  width: 54px;
  height: 54px;
  margin-bottom: -10px;
  filter: drop-shadow(0 3px 17px #68b9e3aa);
}
.shine {
  background: linear-gradient(90deg,#82d9fa,#dcbffa 60%,#8fd3f4 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 2.3em;
  text-shadow: 0 2px 18px #b2eaff77;
}
.home-avatars {
  display: flex; justify-content: center; align-items: center; gap: 1.2em; margin: 1em 0 0.5em;
}
.avatar-home {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  box-shadow: 0 3px 15px #aee2fa66;
  border: 2px solid #82d9fa;
  background: #e7faff;
  object-fit: cover;
}
.love-fuse { font-size: 2.5em; color: #87bffb; font-family: inherit; margin: 0 9px; }
.bubble-msg {
  margin: 0.6em auto 0.5em;
  color: #236fa2;
  font-size: 1.13em;
  font-family: 'Quicksand', cursive;
  background: #e3f4fdcc;
  padding: 0.8em 1.8em;
  display: inline-block;
  border-radius: 18px;
  box-shadow: 0 2px 12px #bae6ff38;
  letter-spacing: .03em;
  min-width: 220px;
}

.welcome-box {
  margin: auto;
  margin-top: 1em;
  padding: 2.2em 1em 1.1em;
  border-radius: 23px;
  max-width: 410px;
  text-align: center;
  background: linear-gradient(120deg,#e3f4fd 70%,#ece7fd 112%);
  box-shadow: 0 5px 24px #bae6ff33;
  border-bottom: 3.5px solid #e4eaff;
  position: relative;
}
.glassy { backdrop-filter: blur(7px); background: rgba(243,249,254,0.46) !important; }
.love-message { font-size: 1.11em; color: #4d49a9; margin: .73em 0 .5em; font-family: 'Quicksand'; font-weight: 500; min-height: 26px; letter-spacing: .01em; }
.memory-counter { color: #2176b3; background: rgba(186,230,255,0.83); display: inline-block; padding: 0.39em 1em; border-radius: 1em; margin: 0.4em auto 0; box-shadow: 0 1px 10px #8fd3f488; }
.today-quote {
  margin: 1em 0 0.1em;
  font-size: 1em;
  color: #488ea8;
  background: #e0f5ffb9;
  border-radius: 12px;
  padding: 0.51em 1em;
  font-family: 'Quicksand';
  letter-spacing: .01em;
  box-shadow: 0 1.5px 7px #bae6ff26;
  display: inline-block;
}
.games-grid {
  background: rgba(234,247,255,0.49);
  box-shadow: 0 6px 25px #acddf97b;
  border-radius: 26px;
  padding: 1.5em 1em;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(134px,1fr));
  gap: 1.65em 1.2em;
  margin: 2.3em auto 1.7em;
  max-width: 580px;
  justify-items: center;
}
.game-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(130deg, #bae6ff 85%, #fbeaff 130%);
  box-shadow: 0 3px 18px #8fd3f48c;
  border-radius: 16px;
  text-decoration: none;
  color: #225571;
  font-family: 'Quicksand', cursive;
  font-size: 1.14em;
  min-width: 115px;
  min-height: 91px;
  padding: 1.4em 0.5em 0.9em;
  border: 2px solid #cdf0fa;
  transition: box-shadow 0.21s, transform 0.18s, background 0.14s;
  margin-bottom: 0.14em;
  text-align: center;
  font-weight: 500;
}
.game-entry .icon-main {
  font-size: 2.13em;
  margin-bottom: 0.4em;
  filter: drop-shadow(0 6px 17px #7fd0f4af);
}
.game-entry.tnd { background: linear-gradient(120deg, #dde6fb 80%, #ffeaea 120%); }
.game-entry.wyr { background: linear-gradient(90deg, #ffe8f7 70%, #bae6ff 130%); }
.game-entry.quiz { background: linear-gradient(150deg, #c9e4ee 60%, #e9d6fd 122%); }
.game-entry.ttt { background: linear-gradient(120deg, #b9eff7 85%, #e6f3fd 120%); }
.game-entry.jar { background: linear-gradient(120deg, #fbeaff 65%, #bae6ff 112%); }
.game-entry.notes-link { background: linear-gradient(130deg, #bbe9ff 78%, #fbeaff 110%); }
.game-entry:hover {
  background: #e9f7ff;
  color: #125985;
  box-shadow: 0 6px 25px #70cfff7a;
  transform: scale(1.06);
}
.minis {
  display: flex;
  justify-content: center;
  gap: 1.1em;
  margin-bottom: 1.2em;
}
.mini-card {
  background: linear-gradient(120deg, #e9f7ff 70%, #8fd3f4 110%);
  border-radius: 14px;
  padding: 0.43em 1.4em;
  font-size: 1.08em;
  color: #354a7e;
  text-decoration: none;
  font-family: 'Quicksand', cursive;
  box-shadow: 0 2px 8px #e9f7ffa4;
  border: 2px solid #b0dbff;
  transition: background 0.14s, box-shadow 0.14s;
}
.mini-card.music { background: linear-gradient(90deg, #bae6ff 40%, #dcbffa 130%); }
.mini-card.goals { background: linear-gradient(120deg, #e3f8fd 80%, #bae6ff 120%); }
.mini-card:hover {
  background: #bae6ff;
  color: #0b405c;
  box-shadow: 0 6px 17px #b0dbffab;
}
footer {
  margin: 2em auto 1em;
  text-align: center;
  font-family: 'Quicksand', cursive;
  color: #6196bf;
  position: relative;
  z-index: 2;
}
@media (max-width: 630px) {
  .games-grid {grid-template-columns: repeat(2, 1fr);}
  .avatar-home {width: 42px; height: 42px;}
  .welcome-box {padding: 1em 0.3em 0.7em;}
  .game-entry {min-width: 90px; font-size: .98em; padding: 1em .2em;}
}
.shine {
  position: relative;
  z-index: 1;
}

.shine::before {
  content: "";
  position: absolute;
  left: -18px; right: -18px; top: -12px; bottom: -12px;
  background: #ffeafc;      /* ← Yahan apna color daalein, yeh pastel pink hai */
  border-radius: 30px;
  z-index: -1;
  box-shadow: 0 2.5px 18px #fbeaff3b;
  pointer-events: none;

}
<style>
/* Remove black borders from all elements */
* {
    border: none !important;
    outline: none !important;
}

/* Specifically target input fields */
input, textarea, select {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove any horizontal rules (hr lines) */
hr {
    display: none !important;
}
</style>