:root {
  --bg: #0f0f10;
  --card: #1a1a1d;
  --accent: #ffd400;
  --text: #ffffff;
  --muted: #9aa0a6;
  --success: #27c93f;
  --danger: #ff3b30;
  --radius: 18px;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial; }
.container { padding: 20px; max-width: 520px; margin: 0 auto; }
.card { background: var(--card); border-radius: var(--radius); padding: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.logo { display:block; width:160px; margin: 12px auto 18px; }
.btn { display:inline-block; width:100%; padding:14px 18px; border-radius: 14px; text-align:center; color:#000; background:var(--accent); font-weight:700; text-decoration:none; border:0; cursor:pointer; }
.btn.outline { background:transparent; color: var(--text); border:2px solid var(--accent); }
.row { display:flex; gap:12px; }
.row > .col { flex:1; }
.input { width:100%; padding:14px 12px; border-radius:12px; border:1px solid #2a2a2e; background:#111; color:var(--text); }
.help { color:var(--muted); font-size:.9rem; }
.tag { background:#2c2c31; padding:6px 10px; border-radius:12px; color:var(--muted); display:inline-block; }
.actions { display:flex; gap:10px; margin-top:12px; }
.timer { font-size: 48px; font-weight: 800; text-align:center; letter-spacing:2px; }
.pill { border-radius:999px; padding:6px 10px; background:#232326; color:var(--muted); display:inline-block; }
.big { font-size: 22px; font-weight:700; }
.success { background: var(--success); color: #000; }
.danger { background: var(--danger); color: #fff; }
.modal { position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; z-index:9999; }
.modal.show { display:flex; }
.modal .panel { background:#1a1a1d; padding:18px; border-radius:18px; width:min(520px, 92vw); }
.hr { border:0; border-top:1px solid #2a2a2e; margin:10px 0; }
.table { width:100%; border-collapse:collapse; }
.table td { padding:8px 6px; border-bottom:1px solid #2a2a2e; }
.iconbtn { background:#232326; color:#ddd; border:0; border-radius:10px; padding:8px 10px; cursor:pointer; }
.small { font-size:.9rem; }
.right { text-align:right; }
/* --- Force yellow brand links --- */
a, a:visited, a:active {
  color: #FFD300 !important;     /* bright yellow */
  font-weight: bold !important;  /* bold text */
  text-decoration: none !important;  /* remove underline */
}

a:hover, a:focus {
  color: #FFE55C !important;     /* lighter yellow on hover */
  text-decoration: none !important;
}