* { margin:0; padding:0; box-sizing:border-box; font-family:'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif; }
html, body { height:100%; width:100%; overflow:hidden; background:#000; }

#backgroundCanvas {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
}

.container {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:5;
}

.glass-card {
  position: relative;
  background: rgba(255,255,255,0.01);
  backdrop-filter: blur(15px) saturate(180%);
  -webkit-backdrop-filter: blur(35px) saturate(180%);
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,0.15);
  padding: 70px 60px;
  max-width: 500px;
  text-align: center;
  box-shadow: 0 30px 60px rgba(0,0,0,0.6);
  cursor:pointer;
  transition: transform 0.3s, box-shadow 0.3s;
}

.glass-card:hover {
  transform: scale(1.02);
  box-shadow: 0 35px 70px rgba(0,0,0,0.7);
}

.glass-card h1 {
  font-size:2rem;
  color:#f5f5f5;
  margin-bottom:20px;
}

.glass-card p {
  color:#c0c0c0;
  font-size:1rem;
  line-height:1.5;
}