@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&family=Tajawal:wght@400;700;900&family=Reem+Kufi:wght@500;600;700;800&display=swap");:root{--bg:#0c0a1d;--bg2:#16122e;--bg3:#221b45;--off-white:#1d1740;--purple:#8b5cf6;--purple2:#a78bfa;--purple3:#c4b5fd;--purple-deep:#7c3aed;--purple-ink:#4c1d95;--pink:#ec4899;--pink2:#f472b6;--yellow:#fbbf24;--cyan:#22d3ee;--coral:#fb7185;--text:#f1ecff;--text-soft:#cdc2f5;--muted:#948abf;--green:#4ade80;--red:#f87171;--white:#fff;--border:rgba(167,139,250,.22);--border2:rgba(167,139,250,.45);--card:hsla(0,0%,100%,.04);--card2:hsla(0,0%,100%,.07);--gold:var(--purple);--gold2:var(--purple2);--gold3:var(--purple3);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{direction:rtl;font-family:Tajawal,sans-serif;scroll-behavior:smooth}body{background:var(--bg);background-attachment:fixed;color:var(--text);overflow-x:hidden}body,main{min-height:100vh}main{position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--purple2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg font-family='Cairo,Arial,sans-serif' font-weight='900'%3E%3Ctext x='28' y='70' font-size='44' fill='%23a78bfa' opacity='0.06'%3E%3F%3C/text%3E%3Ctext x='190' y='124' font-size='30' fill='%23ec4899' opacity='0.055'%3E!%3C/text%3E%3Ctext x='112' y='182' font-size='38' fill='%23fbbf24' opacity='0.045'%3E%3F%3C/text%3E%3Ctext x='52' y='236' font-size='26' fill='%2322d3ee' opacity='0.05'%3E!%3C/text%3E%3Ctext x='212' y='228' font-size='30' fill='%23a78bfa' opacity='0.045'%3E%3F%3C/text%3E%3C/g%3E%3C/svg%3E"),linear-gradient(90deg,#0c0a1f 0,#0c0a1f 17%,rgba(12,10,31,0) 38%,rgba(12,10,31,0) 62%,#0c0a1f 83%,#0c0a1f),radial-gradient(ellipse 85% 90% at 50% 42%,rgba(12,10,31,.84) 0,rgba(12,10,31,.93) 58%,#0c0a1f 100%),url(/characters-bg.png);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-position:0 0,50%,50%,50%;background-size:260px 260px,cover,cover,contain;background-attachment:fixed,fixed,fixed,fixed}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(139,92,246,.12)}.glow-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--purple),var(--pink),var(--yellow),var(--pink),var(--purple),transparent);background-size:200% 100%;animation:glow-scan 4s linear infinite}@keyframes glow-scan{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--purple) 0,var(--purple-deep) 50%,var(--pink) 100%);background-size:200% 100%;color:#fff;font-family:Cairo,sans-serif;font-size:17px;font-weight:900;cursor:pointer;transition:all .3s;letter-spacing:.5px;box-shadow:0 6px 20px rgba(139,92,246,.35)}.btn-gold:hover:not(:disabled){background-position:100%;transform:translateY(-3px);box-shadow:0 10px 30px rgba(236,72,153,.5)}.btn-gold:disabled{opacity:.4;cursor:not-allowed}.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;border:2px solid var(--purple);border-radius:var(--radius-md);background:var(--bg2);color:var(--purple2);font-family:Cairo,sans-serif;font-size:16px;font-weight:900;cursor:pointer;transition:all .3s}.btn-white:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,.4);background:var(--bg3)}.btn-white:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;border:2px solid var(--border2);border-radius:var(--radius-md);background:transparent;color:var(--purple-deep);font-family:Cairo,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:rgba(139,92,246,.08);border-color:var(--purple)}.input-field{width:100%;padding:14px 18px;border-radius:var(--radius-sm);background:var(--bg3);border:2px solid var(--border);color:var(--text);font-family:Tajawal,sans-serif;font-size:16px;outline:none;transition:all .2s}.input-field:focus{border-color:var(--purple);background:var(--off-white);box-shadow:0 0 0 4px rgba(139,92,246,.25)}.input-field::placeholder{color:var(--muted);opacity:.8}.range-slider{width:100%;height:6px;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--purple3);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));cursor:pointer;border:3px solid #fff;box-shadow:0 2px 10px rgba(139,92,246,.5)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.badge-gold{background:rgba(139,92,246,.18);border:1px solid var(--border2);color:var(--purple2)}.badge-pink{background:rgba(236,72,153,.15);border:1px solid rgba(236,72,153,.4);color:var(--pink2)}.badge-white{background:var(--bg3);border:1px solid var(--border);color:var(--purple2)}.badge-green{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);color:var(--green)}.badge-red{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:var(--red)}.gold-divider{height:2px;background:linear-gradient(90deg,transparent,var(--purple2),var(--pink),var(--purple2),transparent);border:none;margin:24px 0}@keyframes gold-pulse{0%,to{box-shadow:0 0 20px rgba(139,92,246,.4)}50%{box-shadow:0 0 50px rgba(236,72,153,.7)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.text-right{text-align:right}.text-left{text-align:left}.dir-ltr{direction:ltr}