body{
  margin:0;
  font-family:Arial, sans-serif;
  background:linear-gradient(180deg,#050816,#0f172a);
  color:white;
  display:flex;
  justify-content:center;
}
.phone{
  width:390px;
  min-height:100vh;
  padding:20px;
}
.card{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:24px;
  padding:22px;
  margin-top:18px;
  box-shadow:0 0 20px rgba(0,229,255,.25);
}
h1,h2{margin-top:0;text-align:center;}
.progress{height:8px;background:#23314f;border-radius:10px;overflow:hidden;margin:10px 0 20px;}
.progress span{display:block;height:100%;background:#00e5ff;}
.option{
  display:block;
  width:100%;
  padding:15px;
  margin:12px 0;
  border-radius:18px;
  border:1px solid rgba(0,229,255,.25);
  background:#131c2f;
  color:white;
  text-align:left;
  font-size:16px;
  cursor:pointer;
}
.option.active{
  background:#00e5ff;
  color:black;
  font-weight:bold;
}
.btn{
  display:block;
  text-align:center;
  text-decoration:none;
  background:#00e5ff;
  color:black;
  padding:16px;
  border-radius:18px;
  font-weight:bold;
  margin-top:18px;
}
.badge{text-align:center;color:#00ff88;font-weight:bold;letter-spacing:1px;}
.result{font-size:52px;font-weight:bold;text-align:center;color:#00ff88;}