@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500&display=swap";:root{--bg-deep: #07111f;--bg-card: #0d1c32;--bg-card-alt: #0a1628;--gold: #c8a035;--gold-light: #e8c060;--gold-dim: rgba(200,160,53,.15);--emerald: #1a8a50;--emerald-dim: rgba(26,138,80,.15);--amber: #d4871a;--amber-dim: rgba(212,135,26,.15);--ruby: #b03030;--ruby-dim: rgba(176,48,48,.15);--cream: #f0e6c8;--text-dim: #8a7d65;--border: rgba(200,160,53,.18);--border-hover: rgba(200,160,53,.4);--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 32px rgba(0,0,0,.5);--shadow-gold: 0 0 24px rgba(200,160,53,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-deep);color:var(--cream);font-family:Inter,sans-serif;min-height:100vh}#root{min-height:100vh;position:relative}.arabic{font-family:Amiri,serif;direction:rtl;text-align:right}.cinzel{font-family:Cinzel,serif}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow),var(--shadow-gold);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.2}to{transform:scale(1.3);opacity:0}}@keyframes fillBar{0%{width:0}}@keyframes wordAppear{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes arcFill{0%{stroke-dashoffset:502}}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starRotateSlow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #c8a03533}50%{box-shadow:0 0 28px #c8a03580}}.skeleton{background:linear-gradient(90deg,var(--bg-card-alt) 25%,rgba(200,160,53,.08) 50%,var(--bg-card-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c8a0354d}.gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35;margin:16px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--cream);font-family:Amiri,serif;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn:hover{border-color:var(--border-hover);background:var(--gold-dim)}.btn-gold{border-color:var(--gold);background:linear-gradient(135deg,#c8a0352e,#c8a03514);color:var(--gold-light)}.btn-gold:hover{background:linear-gradient(135deg,#c8a0354d,#c8a03526);box-shadow:0 0 16px #c8a03533}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-family:Amiri,serif;font-size:.65rem;font-weight:700;white-space:nowrap}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--cream);padding:10px 36px 10px 14px;font-family:Amiri,serif;font-size:1rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c8a035' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8a0351f}select option{background:var(--bg-card);color:var(--cream)}