:root{
  --bg:#121212;
  --panel:#1c1c1c;
  --text:#f4f4f4;
  --muted:#b9b9b9;
  --brand:#FF9900;
  --brand-2:#e63946;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}

a{color:var(--brand);text-decoration:none}

/* Buttons (matches your landing style) */
.btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:8px;
  font-weight:700;
  line-height:1;
  background:var(--brand);
  color:#111;
  border:none;
  cursor:pointer;
}

.btn.alt{background:var(--brand-2);color:#fff}
.btn.ghost{background:transparent;border:2px solid var(--brand);color:var(--brand)}

/* Claim box UI */
.tla-claim-box{
  max-width:720px;
  margin:24px auto;
  background:var(--panel);
  padding:18px;
  border-radius:14px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.tla-claim-title{margin:0 0 10px}
.tla-claim-meta{margin:6px 0;color:var(--muted)}
.tla-claim-footnote{margin:14px 0 0;color:var(--muted);font-size:.95rem}

/* Newsletter container (if you wrap it with .newsletter) */
.newsletter, .social-bar{
  max-width:720px;
  margin:24px auto;
  background:var(--panel);
  padding:16px;
  border-radius:12px;
}

/* The Newsletter Plugin form */
form.tnp-form{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  width:100% !important;
  margin:0 !important;
}

.tnp-field input{
  width:100% !important;
  padding:12px !important;
  margin:8px 0 !important;
  border:1px solid #2a2a2a !important;
  border-radius:10px !important;
  background:#121212 !important;
  color:var(--text) !important;
  outline:none !important;
}

.tnp-field input::placeholder{color:#777}

.tnp-submit{
  background:var(--brand-2) !important;
  color:white !important;
  font-size:1rem !important;
  padding:12px 18px !important;
  border:none !important;
  cursor:pointer !important;
  border-radius:10px !important;
  display:block !important;
  width:100% !important;
  font-weight:800 !important;
}

.tnp-submit:hover{filter:brightness(1.05)}

/* Newsletter lock text styling */
.tnp-lock h4{color:var(--brand-2)}

/* Mobile tweaks */
@media (max-width:768px){
  .tla-claim-box, .newsletter, .social-bar{margin:16px 12px}
}