:root{
  --bg: #02050a;
  --card: #0b121a;
  --border: rgba(255, 255, 255, 0.08);
  --text: #eaf2f8;
  --muted: #9aa4af;
  --green: #22c55e;
}

*{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  background: radial-gradient(circle at top, #111827, #02050a);
  font-family: system-ui, -apple-system, sans-serif;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.card{
  width:100%; max-width:440px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 26px;
  backdrop-filter: blur(10px);
}

.brand{ display:flex; align-items:center; gap:8px; margin-bottom:16px; font-weight:800; font-size: 20px; }
.brand span{ color:var(--green); }

h1{ margin:0; font-size:1.8rem; }
.badge{ display:inline-block; margin-top:6px; padding:6px 12px; border-radius:999px; background: rgba(34, 197, 94, 0.15); color: var(--green); font-size: 0.85rem; font-weight: 700; }

.earn-box{ margin-top: 20px; background: linear-gradient(135deg, rgba(34,197,94,0.1), transparent); border: 1px solid rgba(34,197,94,0.2); padding: 15px; border-radius: 12px; font-size: 0.95rem; line-height: 1.6; }

.info-box{ margin-top:15px; padding:15px; border-radius:12px; background: rgba(0,0,0,0.3); border: 1px dashed var(--border); font-size: 0.9rem; color: var(--muted); line-height: 1.6; }

.section{ margin-top:20px; }
label{ display: block; font-size: 0.85rem; color: var(--muted); margin-bottom: 6px; margin-left: 4px; }
input{ width:100%; padding:14px; border-radius:12px; border:1px solid var(--border); background: #0b121a; color: var(--text); font-size: 16px; }
input:focus { outline:none; border-color: var(--green); }

.submit-btn{ width:100%; margin-top:25px; padding:16px; border-radius:14px; border:none; background: var(--green); color: #000; font-weight: 800; font-size: 16px; cursor: pointer; transition: 0.2s; }
.submit-btn:hover { box-shadow: 0 0 15px rgba(34,197,94,0.3); }

#statusMsg { font-size: 14px; text-align: center; margin-top: 15px; display: none; color: #22c55e; font-weight: bold; }