: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:18px;}
.logo-wrap svg{width:80px;height:80px;}
.header{text-align:center;color:var(--gold);font-weight:700;font-size:22px;margin-bottom:10px;}
.subhead{text-align:center;color:#CFCFE6;font-size:14px;margin-bottom:14px;}
.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{
  background:#383850;color:var(--text);
  border:1px solid #4F4F69;border-radius:10px;
}
.form-control::placeholder{color:#ccc;}
.input-with-btn{position:relative}
.input-with-btn .mini-btn{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  border:none;border-radius:8px;padding:4px 8px;font-size:12px;
  background:#2E2E3F;color:#fff;
}
.btn-primary{
  background:var(--blue-main);border:none;border-radius:12px;font-weight:700;transition:all .2s ease;
}
.btn-primary:hover{background:#005ECC;}
.link-lightsmall{color:#D9D9F0;text-decoration:none}
.link-lightsmall:hover{color:#fff;text-decoration:underline}
.extra-links{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.toast-wrap{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:1080}
.toast{min-width:260px}
.footer-mini{text-align:center;color:#b5b5b5;font-size:12px;margin-top:14px}