/* Tipline: a blue stage at night, magenta, Figtree with Geist Mono, round and friendly. */
:root { --bg: #0a0c14; --s1: #11142080; --s2: #181c2c; --line: rgba(200, 205, 255, .1); --line2: rgba(200, 205, 255, .2); --text: #f3f3fb; --muted: rgba(230, 232, 248, .6); --sub: rgba(243, 243, 251, .8); --acc: #ff4fb8; --on-acc: #1f0216; --up: #3ce3ab; --down: #f23674;
  --head: "Figtree", Arial, sans-serif; --font: "Figtree", Arial, sans-serif; --mono: "Geist Mono", ui-monospace, monospace; --wrap: 1180px; --g: clamp(16px, 4vw, 40px); --r: 22px; --rb: 999px;
  --h1w: 800; --h1ls: -.045em; --h2w: 700; --h2ls: -.035em; --h3w: 700; --barbg: rgba(10, 12, 20, .88);
  --hero-pos: 30% 50%; --hero-shade: radial-gradient(ellipse 65% 60% at 50% 50%, rgba(10, 12, 20, .78), rgba(10, 12, 20, .4) 75%), linear-gradient(0deg, var(--bg), transparent 30%) }
.s .cards article, .faq details { background: #111420 }
.tipbox { margin-top: 36px; width: min(580px, 100%); height: 64px; display: flex; align-items: center; gap: 8px; padding: 0 8px 0 24px; border-radius: 999px; background: rgba(17, 20, 32, .8); border: 1px solid var(--line2); backdrop-filter: blur(14px) }
.tipbox input { flex: 1; min-width: 0; border: 0; background: none; outline: none; font: 15px var(--mono) } .tipbox .btn { height: 48px }
.hero .ctas { margin-top: 14px }
.wall { columns: 3 300px; column-gap: 14px; margin-top: 40px } .wall .empty { column-span: all }
.tip { break-inside: avoid; margin-bottom: 14px; padding: 20px 22px; border-radius: var(--r); background: #111420; border: 1px solid var(--line) }
.tip .amt { font: 700 26px var(--mono); letter-spacing: -.03em } .tip .amt small { font-size: 13px; color: var(--acc) }
.tip q { display: block; margin-top: 10px; font-size: 17px; line-height: 1.45 } .tip q::before, .tip q::after { content: '"' }
.tip .who { margin-top: 12px; color: var(--muted); font: 12px var(--mono) } .tip .who a { color: var(--text) }