@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f4f8fc;color:#0f2a50;font-family:Cairo,sans-serif;direction:rtl;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#29abe2;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.2}}@keyframes payProcess{0%{width:0}to{width:100%}}@keyframes timerWarn{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 12px rgba(239,68,68,0)}}@keyframes xpPop{0%{opacity:0;transform:translateY(0) scale(.5)}40%{opacity:1;transform:translateY(-34px) scale(1.3)}to{opacity:0;transform:translateY(-68px) scale(.9)}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(130px) rotate(2turn);opacity:0}}.fu{animation:fadeUp .5s ease both}.fu1{animation:fadeUp .5s ease .08s both;opacity:0}.fu2{animation:fadeUp .5s ease .16s both;opacity:0}.fu3{animation:fadeUp .5s ease .24s both;opacity:0}.fu4{animation:fadeUp .5s ease .32s both;opacity:0}.blue-text{background:linear-gradient(135deg,#29abe2,#f7941d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:#fff;border:1px solid rgba(15,42,80,.08);border-radius:18px;transition:all .25s}.card:hover{box-shadow:0 14px 40px rgba(15,42,80,.07);transform:translateY(-2px)}.btn-blue{background:linear-gradient(135deg,#29abe2,#1788ba);color:#fff;font-family:Cairo,sans-serif;font-weight:800;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 18px rgba(41,171,226,.25)}.btn-blue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(41,171,226,.38)}.btn-blue:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-orange{background:linear-gradient(135deg,#f7941d,#d67a0b);color:#fff;font-family:Cairo,sans-serif;font-weight:800;border:none;cursor:pointer;transition:all .2s;box-shadow:0 6px 18px rgba(247,148,29,.25)}.btn-orange:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(247,148,29,.38)}.btn-orange:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:#fff;color:#29abe2;border:1.5px solid rgba(41,171,226,.4);font-family:Cairo,sans-serif;font-weight:700;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:rgba(41,171,226,.08);border-color:#29abe2}.btn-red{background:#fff;color:#ef4444;border:1.5px solid rgba(239,68,68,.35);font-family:Cairo,sans-serif;font-weight:700;cursor:pointer;transition:all .2s}.btn-red:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-family:Cairo,sans-serif;font-weight:800;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(34,197,94,.28)}.btn-green:hover:not(:disabled){transform:translateY(-2px)}.opt{width:100%;background:#fff;border:1.5px solid rgba(15,42,80,.08);border-radius:13px;padding:14px 16px;color:#0f2a50;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;text-align:right;transition:all .18s;display:flex;align-items:center;gap:11px}.opt:hover:not(:disabled){transform:translateX(4px)}.opt.chosen,.opt:hover:not(:disabled){background:rgba(41,171,226,.08);border-color:#29abe2}.opt.correct{background:rgba(34,197,94,.1);border-color:#22c55e;color:#0e7a3a}.opt.wrong{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444;animation:shake .4s ease}.pbar{height:6px;background:rgba(15,42,80,.06);overflow:hidden}.pbar,.pfill{border-radius:5px}.pfill{height:100%;background:linear-gradient(90deg,#29abe2,#5bc5ee);transition:width .45s ease}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:50px;font-size:.7rem;font-weight:800}.chip-blue{background:rgba(41,171,226,.08);color:#1788ba}.chip-orange{background:rgba(247,148,29,.08);color:#d67a0b}.chip-gold{background:rgba(245,180,0,.1);color:#9a7000}.chip-green{background:rgba(34,197,94,.09);color:#0e7a3a}.chip-red{background:rgba(239,68,68,.08);color:#ef4444}.chip-purple{background:rgba(139,92,246,.08);color:#6938c4}.tab{padding:8px 16px;border-radius:50px;font-family:Cairo,sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;border:1.5px solid transparent}.tab-active{background:#29abe2;border-color:#29abe2;color:#fff}.tab-inactive{background:#fff;border-color:rgba(15,42,80,.08);color:#6b7e96}.tab-inactive:hover{border-color:#29abe2;color:#29abe2}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 11px;border-radius:11px;cursor:pointer;transition:all .18s;font-family:Cairo,sans-serif;font-size:.66rem;font-weight:700;color:#6b7e96;border:none;background:transparent}.nav-tab.active{background:rgba(41,171,226,.08);color:#1788ba}.live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:liveDot 1.2s ease infinite}.input-field{width:100%;padding:13px 16px;background:#fff;border:1.5px solid rgba(15,42,80,.08);border-radius:12px;color:#0f2a50;font-size:.95rem;font-family:Cairo,sans-serif;outline:none;transition:border .2s}.input-field:focus{border-color:#29abe2;box-shadow:0 0 0 3px rgba(41,171,226,.1)}.input-field::placeholder{color:#9cabbf}.input-field.err{border-color:#ef4444}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite;display:inline-block}.toast{position:fixed;top:80px;right:50%;transform:translateX(50%);z-index:9999;padding:12px 20px;border-radius:12px;font-weight:700;font-size:.88rem;animation:toastIn .35s ease;box-shadow:0 10px 40px rgba(15,42,80,.15);max-width:90%}.toast-success{background:#fff;border:1.5px solid #22c55e;color:#0e7a3a}.toast-error{background:#fff;border:1.5px solid #ef4444;color:#ef4444}.toast-info{background:#fff;border:1.5px solid #29abe2;color:#1788ba}.sec-label{display:inline-flex;align-items:center;gap:6px;background:rgba(41,171,226,.08);border:1px solid rgba(41,171,226,.2);border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:800;color:#1788ba}.nav-link{color:#3d5779;font-weight:600;font-size:.9rem;cursor:pointer;transition:color .2s}.nav-link:hover{color:#29abe2}.faq-q{padding:18px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:.97rem;border-bottom:1px solid rgba(15,42,80,.08)}.faq-q:hover{color:#29abe2}.faq-a{color:#6b7e96;font-size:.87rem;line-height:1.85;padding:0 0 18px;max-height:0;overflow:hidden;transition:max-height .35s}.faq-a.open{max-height:300px}@media (max-width:768px){.hide-sm{display:none!important}.grid-1-sm{grid-template-columns:1fr!important}}