/* ===== ROOT THEME (MSC STYLE) ===== */
:root{  --bg:#fdf5df; --primary:#5ebec4;  --accent:#f92c85;  --dark:#18454a; }

/* ===== BODY ===== */
body{  margin:0;  font-family: Poppins, Arial, sans-serif;
  background:var(--bg);  overflow-x:hidden;  color:#333; }

/* ===== BUBBLES ===== */
.bubbles{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.bubble{
  position:absolute;
  bottom:-120px;
  background:rgba(94,190,196,0.25);
  border-radius:50%;
  animation:rise linear infinite;
}

@keyframes rise{
  0%{transform:translateY(0);opacity:0;}
  10%{opacity:1;}
  100%{transform:translateY(-120vh);opacity:0;}
}

/* ===== MAIN WRAPPER ===== */
.wrapper{
  max-width:1150px;
  margin:40px auto;
  padding:20px;
}

/* ===== GLASS BOX ===== */
.glass{
  background:rgba(255,255,255,0.88);
  backdrop-filter:blur(14px);
  border-radius:25px;
  padding:30px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  border:1px solid rgba(255,255,255,0.5);
}