:root{
  --frame-w:580px;
  --blue-main:#007AFF;
  --gold:#FFD700;
  --dark:#1C1C2A;
  --gray:#2E2E3F;
  --text:#FFFFFF;
  --bg:#181a1b;
}
html,body{height:100%;background:var(--bg);margin:0;font-family:'Prompt',sans-serif;}
.page-wrap{display:flex;align-items:center;justify-content:center;padding:20px;}
.content{
  width:min(var(--frame-w),100%);
  background:var(--dark);
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  padding:24px 20px 30px;
  color:var(--text);
  position:relative;
}
.logo-wrap{text-align:center;margin-bottom:20px;}
.logo-wrap svg{width:80px;height:80px;}
.header{
  text-align:center;
  color:var(--gold);
  font-weight:700;
  font-size:22px;
  margin-bottom:16px;
}
.card-like{
  background:var(--gray);
  border-radius:14px;
  padding:14px;
  margin-bottom:14px;
}
.label{color:var(--gold);font-weight:600;margin-bottom:6px;}
.form-control,.form-select{
  background:#383850;
  color:var(--text);
  border:1px solid #4F4F69;
  border-radius:10px;
}
.form-control::placeholder{color:#ccc;}
.btn-primary{
  background:var(--blue-main);
  border:none;
  border-radius:12px;
  font-weight:700;
  transition:all .2s ease;
}
.btn-primary:hover{
  background:#005ECC;
}
.small-muted{font-size:13px;color:#b5b5b5;}
.toast-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:1080}
.toast{min-width:260px}
.link-lightsmall{color:#D9D9F0;text-decoration:none}
.link-lightsmall:hover{color:#fff;text-decoration:underline}