@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080818;--bg2:#0f0f2a;--card:hsla(0,0%,100%,.05);--border:hsla(0,0%,100%,.1);--text:#f0f0ff;--muted:hsla(0,0%,100%,.5);--primary:#7c3aed;--primary-glow:rgba(124,58,237,.4);--accent:#f59e0b;--accent-glow:rgba(245,158,11,.3);--red:#ef4444;--red-bg:rgba(239,68,68,.15);--blue:#3b82f6;--blue-bg:rgba(59,130,246,.15);--green:#22c55e;--green-bg:rgba(34,197,94,.15);--yellow:#eab308;--yellow-bg:rgba(234,179,8,.15)}html{scroll-behavior:smooth}body{font-family:Tajawal,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;direction:rtl}.stars-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 20% 30%,rgba(124,58,237,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(245,158,11,.1) 0,transparent 50%),var(--bg);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;font-family:Tajawal,sans-serif;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 4px 24px rgba(124,58,237,.4)}.btn-primary:hover{box-shadow:0 6px 32px rgba(124,58,237,.6);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 24px rgba(245,158,11,.4)}.btn-accent:hover{box-shadow:0 6px 32px rgba(245,158,11,.6);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:hsla(0,0%,100%,.1)}.btn-lg{padding:16px 36px;font-size:20px;border-radius:16px}.btn-md{padding:12px 24px;font-size:16px}.btn-sm{padding:8px 16px;font-size:14px}.card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input{width:100%;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:12px 16px;font-family:Tajawal,sans-serif;font-size:16px;color:#fff;outline:none;transition:border-color .2s;direction:rtl}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.input::placeholder{color:hsla(0,0%,100%,.3)}.glow{text-shadow:0 0 30px rgba(124,58,237,.8),0 0 60px rgba(124,58,237,.4)}.glow-accent{text-shadow:0 0 30px rgba(245,158,11,.8)}@keyframes pulse-ring{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(124,58,237,.7)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(124,58,237,0)}to{transform:scale(.9);box-shadow:0 0 0 0 rgba(124,58,237,0)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@keyframes timer-shrink{0%{width:100%}to{width:0}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes winner-glow{0%,to{box-shadow:0 0 20px rgba(245,158,11,.5)}50%{box-shadow:0 0 60px rgba(245,158,11,.9),0 0 100px rgba(245,158,11,.4)}}.team-red{--tc:var(--red);--tc-bg:var(--red-bg)}.team-blue{--tc:var(--blue);--tc-bg:var(--blue-bg)}.team-green{--tc:var(--green);--tc-bg:var(--green-bg)}.team-yellow{--tc:var(--yellow);--tc-bg:var(--yellow-bg)}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;animation:confetti-fall linear forwards;z-index:999;pointer-events:none}@media (max-width:640px){.btn-lg{padding:14px 24px;font-size:18px}.card{padding:16px}}