*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:#000;
  color:#fff;
  overflow:hidden;
}

.bg::before{
  content:'';
  position:fixed;
  inset:0;
  background:
    radial-gradient(600px 600px at 50% 30%, rgba(0,255,224,.18), transparent 70%),
    radial-gradient(400px 400px at 80% 80%, rgba(0,180,255,.12), transparent 70%);
  pointer-events:none;
}

.screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.card{
  max-width:520px;
  width:100%;
  padding:48px 32px;
  text-align:center;
  border-radius:28px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}

.title{
  font-size:clamp(42px,7vw,64px);
  font-weight:900;
  letter-spacing:-.04em;
}
.title span{
  display:block;
  color:#00ffe0;
  text-shadow:0 0 20px rgba(0,255,224,.6);
}

.desc{
  margin-top:18px;
  font-size:15px;
  line-height:1.6;
  color:rgba(255,255,255,.7);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:36px;
  padding:16px 44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:.25s;
}
.btn:hover{
  border-color:#00ffe0;
  box-shadow:0 0 30px rgba(0,255,224,.35);
}

.hint{
  margin-top:14px;
  font-size:12px;
  color:rgba(255,255,255,.45);
}

.footer{
  position:fixed;
  bottom:10px;
  width:100%;
  text-align:center;
  font-size:11px;
  color:rgba(255,255,255,.3);
}