*{box-sizing:border-box;}
body{
  margin:0;
  min-height:100vh;
  background:#14181f;
  color:#e7ebf1;
  font-family:'Segoe UI',system-ui,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 16px;
}
.card{
  background:#1b212b;
  border:1px solid #2e3644;
  border-radius:14px;
  width:100%;
  max-width:480px;
  padding:32px;
}
h1{font-size:20px;margin:0 0 4px;}
.sub{color:#8892a3;font-size:13px;margin-bottom:24px;}
.steps{display:flex;gap:6px;margin-bottom:24px;}
.steps span{
  flex:1;height:4px;border-radius:2px;background:#2e3644;
}
.steps span.active{background:#e0a640;}
label{display:block;font-size:12px;color:#8892a3;margin:14px 0 4px;}
input{
  width:100%;padding:9px 10px;border-radius:7px;border:1px solid #2e3644;
  background:#14181f;color:#e7ebf1;font-size:13px;
}
.row{display:flex;gap:10px;}
.row > div{flex:1;}
button{
  margin-top:22px;width:100%;padding:11px;border:none;border-radius:8px;
  background:#e0a640;color:#1a1406;font-weight:600;font-size:14px;cursor:pointer;
}
button:hover{filter:brightness(1.05);}
.check{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #2e3644;font-size:13px;}
.ok{color:#4fb0a5;font-weight:600;}
.fail{color:#d8636b;font-weight:600;}
.error{background:#3a1f22;border:1px solid #d8636b;color:#f3c2c6;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:10px;}
.success{background:#1e332f;border:1px solid #4fb0a5;color:#bfe8e1;padding:10px 12px;border-radius:8px;font-size:13px;}
a.btn{
  display:block;text-align:center;margin-top:22px;padding:11px;border-radius:8px;
  background:#e0a640;color:#1a1406;font-weight:600;text-decoration:none;
}