body {
  background: linear-gradient(120deg, #e3ffe8 0%, #e3f0ff 100%);
  transition: background 0.5s;
}
.glassmorph {
  background: rgba(255,255,255,0.18);
  border-radius: 1rem;
  box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.18);
}
.dark-mode {
  background: linear-gradient(120deg, #232526 0%, #414345 100%);
}
.dark-mode .glassmorph {
  background: rgba(40,40,50,0.35);
  color: #fff;
  border: 1px solid rgba(80,80,80,0.18);
}
.theme-toggle button {
  background: rgba(255,255,255,0.7);
  border: none;
  box-shadow: 0 2px 8px #0002;
}
.theme-toggle button:active {
  background: rgba(0,0,0,0.1);
}
#parallax-bg {
  position: fixed;
  top: 0; left: 0; width: 100vw; height: 100vh;
  z-index: 0;
  pointer-events: none;
  background: transparent;
}
.btn-primary, .btn-success { font-weight: bold; letter-spacing: 1px; background-color: #70ae75; border-color: #70ae75; }
.btn-primary:hover, .btn-success:hover { background-color: #5a9e62; border-color: #5a9e62; }
input:focus { box-shadow: 0 0 0 2px #70ae7533; }