*{box-sizing:border-box}
body{margin:0;background:#0a0a0a;color:#ECEDEF;-webkit-font-smoothing:antialiased;font-family:Sora,sans-serif}
a{color:var(--accent,#FF6A00);text-decoration:none}
a:hover{filter:brightness(1.15)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes barP{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.q-opt:hover:not(:disabled){border-color:var(--accent,#FF6A00)!important;background:rgba(255,106,0,.10)!important}
.q-chip:hover:not(:disabled){border-color:var(--accent,#FF6A00)!important;color:var(--accent2,#FF8A3D)!important}
.btn-p:hover{filter:brightness(1.08);box-shadow:0 0 34px rgba(255,106,0,.55)!important}
.btn-g:hover:not(:disabled){border-color:var(--accent,#FF6A00)!important;color:var(--accent2,#FF8A3D)!important}
.tw{position:relative;cursor:help;border-bottom:1px dashed rgba(255,138,61,.55)}
.tw::after{content:attr(data-tip);position:absolute;left:50%;bottom:150%;transform:translateX(-50%) translateY(5px);background:var(--accent,#FF6A00);color:#0a0a0a;font:600 12.5px/1 Sora,sans-serif;padding:7px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .16s ease;z-index:6}
.tw:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}
.card{background:#141519;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:26px 24px;position:relative;overflow:hidden;margin-bottom:18px;animation:fadeUp .5s ease both}
.card-accent{border-color:color-mix(in srgb,var(--accent,#FF6A00) 28%,transparent)}