:before,:after,*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--main-color:#100f1f;--color-bg-1:#0b0710;--color-bg-2:#180626;--color-deep:#120616;--color-card:#1a1420;--color-border:#ffffff0f;--color-muted:#8a8a8a;--color-white:#fff;--color-walletCard:#220f49;--color-faz3aCard:#36235d;--accent-active:#ff00c8;--accent-disabled:#560757;--card-bg:#ffffff08;--color-primary:#0051ff;--color-accent:#ff00c8;--color-purple:#702de7;--gradient-main:linear-gradient(90deg,#420c43,#130f21);--gradient-primary:linear-gradient(90deg,#f901c9 0%,#094efd 100%);--gradient-accent:linear-gradient(90deg,#ff2fcf 0%,#f07 50%,#e600c4 100%);--gradient-hero:linear-gradient(180deg,#ffffff05,#0000000a);--gradient-card:linear-gradient(90deg,#420c43,#130f21);--shadow-strong:0 10px 40px #0009;--shadow-soft:0 4px 18px #4f125c29;--radius-sm:8px;--radius-md:12px;--radius-main:14px;--radius-lg:16px;--font-main:"Cairo",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--text-base:14px;--text-lg:18px;--heading-lg:28px;--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:32px}body{font-family:var(--font-main);font-size:var(--text-base);direction:rtl}a{color:inherit;text-decoration:none}.btn{cursor:pointer;color:var(--color-white);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-accent);box-shadow:0 8px 20px #ff2fcf1f}.btn-outline{color:var(--color-white);background:0 0;border:1px solid #ffffff0f}:root{--lp-bg:#fff;--lp-text:#1a1a1a;--lp-text-muted:#666;--lp-card-bg:#f8f9fa;--lp-border:#e0e0e0;--lp-accent:#0051ff}[data-theme=dark]{--lp-bg:#0b0710;--lp-text:#fff;--lp-text-muted:#8a8a8a;--lp-card-bg:#1a1420;--lp-border:#ffffff0f;--lp-accent:#0051ff}body{background-color:var(--lp-bg);color:var(--lp-text);transition:background-color .3s,color .3s}.landing-page{font-family:var(--font-main);direction:rtl}.lp-section{padding:80px 0}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=dark] .navbar-toggler-icon{filter:invert()}
