“EMBER” Snapback

/* ===== Scope ===== */ #ember-snapback, #ember-snapback * { box-sizing: border-box; } #ember-snapback{ --bg:#000; --ink:#fff; --muted:#cbd2e1; --ember:#ff4d00; --silk:#c40018; --stroke:rgba(255,255,255,.12); --glow:0 0 24px rgba(255,77,0,.25), 0 0 60px rgba(196,0,24,.18); background:#000; color:var(--ink); border:1px solid var(--stroke); padding:28px; border-radius:18px; position:relative; overflow:hidden; font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; } #ember-snapback::before{ /* subtle ember drift */ content:""; position:absolute; inset:-40% -10% auto -10%; height:80%; background:radial-gradient(60% 60% at 50% 50%, rgba(255,77,0,.08), transparent 60%); transform:skewY(-6deg); pointer-events:none; filter:blur(20px); } #ember-snapback .title{ font-family:"Press Start 2P", monospace; letter-spacing:.5px; line-height:1.25; font-size:20px