:root{--bg:#0f1017;--card:#181921;--primary:#72aaee;--primary-dark:#4d8bd5;--orange:#e4763f;--text:#f0f0f0;--muted:#ababab;--border:#2f3241;--success:#4ade80;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,Segoe UI,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 14px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes shakeCard{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes scorePop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fadeIn{animation:.5s both fadeIn}.animate-slideUp{animation:.6s both slideUp}.animate-shake{animation:.5s shakeCard}.animate-pulse{animation:.5s pulse}.animate-pulseGlow{animation:1s pulseGlow}.animate-scorePop{animation:.6s cubic-bezier(.34,1.56,.64,1) both scorePop}