:root{--bg-1:#e8eaed;--bg-2:#d5d8dd;--card-bg:#ffffffeb;--card-border:#0f172a26;--text-primary:#111827;--text-muted:#6b7280;--accent:#38bdf8;--primary:#3b82f6;--primary-dark:#1d4ed8;--success:#22c55e;--gold:#facc15;--radius-lg:1.5rem;--radius-md:.9rem;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 30px #0000001a;--shadow-lg:0 20px 60px #0000001f;--shadow-xl:0 30px 80px #0000002e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:#e8eaed;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}[dir=rtl] body{font-family:Inter,Noto Sans Arabic,Noto Naskh Arabic,system-ui,sans-serif}.page{background:radial-gradient(circle at 15% 20%,#3b82f614,#0000 50%),radial-gradient(circle at 85% 80%,#ec48990f,#0000 45%),radial-gradient(circle,#fff6,#0000 70%),#e8eaed;min-height:100vh;padding:5rem 1.5rem 3rem;position:relative;overflow-x:hidden}.page__glow{pointer-events:none;background:radial-gradient(circle at 30% 0,#3b82f60f,#0000 50%),radial-gradient(circle at 70% 100%,#ec48990a,#0000 45%);position:absolute;inset:0}.page__topbar{z-index:50;position:fixed;inset-block-start:1.25rem;inset-inline-end:1.25rem}.lang-switcher{position:relative}.lang-switcher__trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffffd9;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.lang-switcher__trigger:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-1px)}.lang-switcher__panel{border-radius:var(--radius-lg);width:min(100vw - 2rem,760px);max-height:min(70vh,420px);box-shadow:var(--shadow-xl);background:#fff;border:1px solid #0f172a1a;flex-direction:column;gap:.75rem;padding:1rem;animation:.2s ease-out dropIn;display:flex;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-switcher__search{width:100%;color:var(--text-primary);background:#f3f4f6;border:1px solid #0f172a1a;border-radius:1rem;outline:none;padding:.75rem 1rem;font-size:.94rem;transition:all .2s}.lang-switcher__search:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.lang-switcher__list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;max-height:calc(70vh - 6.5rem);display:grid;overflow-y:auto}.lang-switcher__option{color:var(--text-primary);text-align:start;cursor:pointer;background:#f8f9fa;border:1px solid #0000;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem 1rem;transition:all .18s;display:grid}.lang-switcher__option:hover{background:#f1f3f5;border-color:#3b82f626;transform:translateY(-1px)}.lang-switcher__option--active{border-color:var(--primary);background:#3b82f614}.lang-switcher__flag{background:#f1f3f5;border-radius:.95rem;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:1rem;display:inline-flex}.lang-switcher__content{min-width:0}.lang-switcher__label{font-size:.95rem;font-weight:700;display:block}.lang-switcher__subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;display:block}.lang-switcher__empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:.85rem 1rem;font-size:.88rem}.hero{text-align:center;max-width:640px;margin:0 auto 3rem;position:relative}.hero__brand{letter-spacing:-.03em;background:linear-gradient(135deg,#dc2626,#8b5cf6,#2563eb);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.6rem;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900}.hero__tagline{color:var(--text-muted);font-size:1.05rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;max-width:1180px;margin:0 auto;display:grid;position:relative}.card--neutral{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#e8edf5 0%,#d5dde8 30%,#e2e8f0 60%,#d5dde8 100%);border:2px solid #94a3b84d;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #64748b26}.card--neutral:before{content:"";border-radius:inherit;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#fff6 0%,#fff0 50%,#94a3b81a 100%);transition:opacity .3s;position:absolute;inset:0}.card--neutral:hover{background:linear-gradient(145deg,#eef3f8 0%,#dce5ef 30%,#e8edf5 60%,#dce5ef 100%);border-color:#94a3b880;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 60px #64748b40}.card--neutral:hover:before{opacity:1}.card--neutral .card__icon{color:#fff;background:linear-gradient(135deg,#8a9bb5,#5c6b7e);box-shadow:0 8px 24px #64748b59}.card--neutral .card__button{background:linear-gradient(135deg,#8a9bb5,#5c6b7e);box-shadow:0 8px 24px #64748b59}.card--neutral .card__button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #64748b80}.card--neutral .card__features li svg{color:#7a8ba5}.card--neutral .card__badge{color:#fff;background:linear-gradient(135deg,#8a9bb5,#5c6b7e);box-shadow:0 4px 16px #64748b66}.card--primary{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#dbeafecc 0%,#e0e7ffcc 50%,#ede9fecc 100%);border:2px solid #6366f140;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #6366f11f}.card--primary:hover{background:linear-gradient(145deg,#dbeafef2 0%,#e0e7fff2 50%,#ede9fef2 100%);border-color:#6366f173;transform:translateY(-8px)scale(1.01);box-shadow:0 24px 72px #6366f133}.card--primary .card__icon{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 8px 24px #6366f159}.card--primary .card__button{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 8px 24px #6366f159}.card--primary .card__button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #6366f180}.card--primary .card__features li svg{color:#818cf8}.card--primary .card__badge{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 4px 16px #6366f166}.card--gradient{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ede9fecc 0%,#f3e8ffcc 50%,#faebffcc 100%);border:2px solid #8b5cf640;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #8b5cf61f}.card--gradient:hover{background:linear-gradient(145deg,#ede9fef2 0%,#f3e8fff2 50%,#faebfff2 100%);border-color:#8b5cf673;transform:translateY(-8px)scale(1.01);box-shadow:0 24px 72px #8b5cf633}.card--gradient .card__icon{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 8px 24px #8b5cf659}.card--gradient .card__button{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 8px 24px #8b5cf659}.card--gradient .card__button:hover{transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf680}.card--gradient .card__features li svg{color:#a78bfa}.card--gradient .card__badge{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 16px #8b5cf666}.card__badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;position:absolute;inset-block-start:-.75rem;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .card__badge{transform:translate(50%)}.card__icon{border-radius:1rem;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;font-size:34px;transition:all .3s;display:flex}.card:hover .card__icon{transform:scale(1.08)rotate(-3deg)}.card__title{margin-bottom:.3rem;font-size:1.4rem;font-weight:700}.card__subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.card__features{text-align:start;flex-direction:column;gap:.6rem;margin-bottom:1.75rem;list-style:none;display:flex}.card__features li{color:var(--text-primary);align-items:center;gap:.55rem;padding:.25rem 0;font-size:.875rem;display:flex}.card__features li svg{flex-shrink:0;transition:transform .3s}.card:hover .card__features li svg{transform:scale(1.2)}.card__button{cursor:pointer;color:#fff;border:none;border-radius:.75rem;width:100%;height:48px;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.card__button:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.card__button:hover:after{opacity:1}.card__button:hover{transform:translateY(-3px)}.card--featured{transform:translateY(-4px)scale(1.02);border-color:#6366f166!important;box-shadow:0 16px 48px #6366f12e!important}.card--featured:hover{transform:translateY(-10px)scale(1.03)!important;box-shadow:0 28px 88px #6366f147!important}.page__footer{text-align:center;color:var(--text-muted);margin-top:3.5rem;font-size:.8rem}@media (width<=480px){.page{padding-top:4.5rem}.lang-switcher__trigger span{display:none}.cards-grid{gap:1.25rem}.card--neutral,.card--primary,.card--gradient{padding:1.5rem 1rem}}