:root{--bg:#0b1220;--bg2:#111a2e;--card:#16213a;--teal:#4fd1c5;--gold:#f6c177;--text:#e6edf7;--muted:#9aa8c2;--live:#ef4444}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2) 60%,var(--bg));color:var(--text);min-height:100vh}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;box-shadow:0 10px 40px -15px rgba(0,0,0,.6)}
.gold{color:var(--gold)}.teal{color:var(--teal)}.muted{color:var(--muted)}
.live-dot{width:10px;height:10px;border-radius:50%;background:var(--live);display:inline-block;animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.particle{position:fixed;border-radius:50%;background:var(--gold);opacity:.12;pointer-events:none;animation:drift linear infinite;z-index:0}
@keyframes drift{0%{transform:translateY(0)}50%{opacity:.25}100%{transform:translateY(-110vh)}}
.fade-in{animation:fi .8s ease both}
@keyframes fi{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.btn-teal{background:var(--teal);color:#0b1220;font-weight:800;transition:all .4s}
.btn-teal:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--teal)}
.flame{opacity:0;transition:opacity .4s}
.btn-teal:hover .flame{opacity:1;animation:flick .3s infinite alternate}
@keyframes flick{from{transform:scale(1) rotate(-4deg)}to{transform:scale(1.15) rotate(4deg)}}
.prose-fa p{line-height:2.1;margin-bottom:1rem;text-align:justify}
.quote{border-right:4px solid var(--gold);background:rgba(246,193,119,.06);padding:1rem 1.2rem;border-radius:.75rem;margin:1rem 0}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--teal);color:#0b1220;padding:.6rem 1.4rem;border-radius:999px;font-weight:700;z-index:100}
.confetti{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:90;animation:fall 2.5s ease-out forwards}
@keyframes fall{to{transform:translateY(100vh);opacity:0}}
a{text-decoration:none}