* {box-sizing:border-box;margin:0;padding:0;}
body {
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:radial-gradient(circle at center,#0e0e17 0%, #1a1a2e 100%);
  font-family: 'Inter', sans-serif;
  perspective:1000px;
}
.card {
  width:350px;
  padding:2.5rem;
  border-radius:24px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.25);
  backdrop-filter:blur(15px);
  color:#fff;
  text-align:center;
  box-shadow:0 8px 32px rgba(0,0,0,0.4), 0 0 20px rgba(138,46,255,0.3);
  transition:transform .2s ease, box-shadow .3s ease;
  transform-style:preserve-3d;
}
.card h1 {
  margin-bottom:1rem;
  font-size:1.8rem;
  background:linear-gradient(90deg,#8A2EFF,#1DA0FF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.card p {
  font-size:1rem;
  line-height:1.6;
  margin-bottom:1.5rem;
  color:#ddd;
}
.glow-btn {
  padding:.8rem 1.6rem;
  border:none;
  border-radius:12px;
  background:linear-gradient(90deg,#1DA0FF,#8A2EFF);
  color:#fff;
  font-size:1rem;
  cursor:pointer;
  position:relative;
  box-shadow:0 0 12px rgba(138,46,255,0.5);
  transition:transform .2s ease;
  animation:pulse 2s infinite;
}
.glow-btn:hover { transform:scale(1.05); }

@keyframes pulse {
  0%,100% {box-shadow:0 0 12px rgba(138,46,255,0.5);}
  50%     {box-shadow:0 0 25px rgba(29,160,255,0.7);}
}