* { box-sizing: border-box; }

body{
  margin:0;
  min-height:100vh;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background:
    radial-gradient(900px 450px at 15% 10%, rgba(124,92,255,0.25), transparent 60%),
    radial-gradient(700px 400px at 85% 20%, rgba(32,227,178,0.18), transparent 60%),
    #0b0c10;
  color:#fff;
}

.wrapper{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:24px;
  gap:22px;
}

.card{
  text-align:center;
  padding:42px 52px;
  border-radius:26px;
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(16px);
  border:1px solid rgba(255,255,255,0.12);
  box-shadow: 0 40px 90px rgba(0,0,0,0.55);
  max-width: 640px;
  width: 100%;
}

.status-dot{
  width: 14px;
  height: 14px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #ff4d6d;
  box-shadow: 0 0 0 9px rgba(255,77,109,0.18);
  animation: pulse 1.5s infinite;
}

@keyframes pulse{
  0%   { box-shadow: 0 0 0 6px rgba(255,77,109,0.22); }
  70%  { box-shadow: 0 0 0 14px rgba(255,77,109,0); }
  100% { box-shadow: 0 0 0 6px rgba(255,77,109,0); }
}

h1{
  margin:0;
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.subtitle{
  margin:10px 0 18px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  opacity:.72;
}

.message{
  margin: 0 0 18px;
  font-size: 16px;
  opacity:.88;
}

.actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 8px;
}

.btn{
  text-decoration:none;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  transition: transform .12s ease, background .12s ease;
}

.btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.09); }
.btn:active{ transform: translateY(0px); }

.btn-primary{
  background: linear-gradient(135deg, rgba(124,92,255,0.95), rgba(32,227,178,0.75));
  border-color: rgba(255,255,255,0.18);
}

.btn-ghost{
  background: rgba(255,255,255,0.04);
}

footer{
  font-size: 13px;
  opacity: .48;
}