:root{--radius:16px;--radius-sm:10px;--maxw:1120px;--measure:44rem;--font-display:"Cairo", system-ui, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;--font-body:"Tajawal", system-ui, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;--color-primary:#2563eb;--color-secondary:#1e293b;--color-background:#fff;--color-text:#0f172a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-root{--ink:var(--color-text);--muted:color-mix(in srgb, var(--color-text) 68%, var(--color-background));--faint:color-mix(in srgb, var(--color-text) 52%, var(--color-background));--border:color-mix(in srgb, var(--color-text) 13%, transparent);--surface:color-mix(in srgb, var(--color-background) 97%, var(--color-text));--surface-2:color-mix(in srgb, var(--color-background) 91%, var(--color-text));--primary-soft:color-mix(in srgb, var(--color-primary) 14%, var(--color-background));--primary-strong:color-mix(in srgb, var(--color-primary) 82%, #000);--media-fallback:linear-gradient(140deg, var(--color-primary), var(--color-secondary));--shadow:0 1px 2px #0206170a, 0 14px 30px -18px color-mix(in srgb, var(--color-text) 40%, transparent);--shadow-lift:0 6px 14px -6px #0206171f, 0 24px 48px -24px color-mix(in srgb, var(--color-text) 46%, transparent);background:var(--color-background);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.accent-bar{background:linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 45%, var(--color-secondary)));height:4px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}.site-header{background:color-mix(in srgb, var(--color-background) 88%, var(--surface-2));border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);position:sticky;top:0}.header-inner{padding-block:18px 16px}.brand-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-name-link{align-items:baseline;display:inline-flex}.site-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.55rem,4.8vw,2.2rem);font-weight:800}.brand-badge{color:var(--primary-strong);background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.site-niche{color:var(--muted);margin:8px 0 0;font-size:.98rem}.categories{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.83rem;font-weight:600;transition:color .15s,border-color .15s}.chip:hover{color:var(--primary-strong);border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}.site-main{flex-direction:column;flex:1;gap:24px;padding-block:28px 52px;display:flex}.section-head{align-items:center;gap:16px;margin-top:8px;display:flex}.section-title{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:1.25rem;font-weight:800}.section-rule{background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.hero-card{border-radius:var(--radius);aspect-ratio:4/5;background:var(--media-fallback);width:100%;box-shadow:var(--shadow);isolation:isolate;display:block;position:relative;overflow:hidden}@media (min-width:640px){.hero-card{aspect-ratio:16/9;max-height:560px}}.hero-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.hero-card:hover .hero-img{transform:scale(1.04)}.hero-scrim{background:linear-gradient(to top, #030712e6 4%, #03071273 42%, #03071200 72%), linear-gradient(to top, color-mix(in srgb, var(--color-primary) 55%, transparent), transparent 60%);position:absolute;inset:0}.hero-content{color:#fff;flex-direction:column;gap:12px;padding:clamp(20px,4vw,40px);display:flex;position:absolute;inset-block-end:0;inset-inline:0}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;text-shadow:0 2px 18px #00000059;max-width:22ch;margin:0;font-size:clamp(1.6rem,4.6vw,2.9rem);font-weight:900;line-height:1.25}.hero-excerpt{color:#ffffffe6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:54ch;margin:0;font-size:1.02rem;display:-webkit-box;overflow:hidden}.hero-cta,.card-more{font-family:var(--font-display);font-size:.95rem;font-weight:700}.hero-cta{color:#fff;margin-top:2px}.content-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:620px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.content-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--color-primary) 34%, var(--border));transform:translateY(-4px)}.card-media{aspect-ratio:16/10;background:var(--media-fallback);overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.card:hover .card-img{transform:scale(1.05)}.card-body{flex-direction:column;flex:1;gap:10px;padding:16px 16px 18px;display:flex}.card-meta,.article-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;display:flex}.badge{font-family:var(--font-display);letter-spacing:.01em;border-radius:7px;padding:3px 9px;font-size:.72rem;font-weight:700}.badge-article{color:var(--primary-strong);background:var(--primary-soft)}.badge-product{color:#fff;background:var(--color-primary)}.badge-page{color:var(--muted);border:1px solid var(--border);background:0 0}.badge-cat{color:var(--ink);background:var(--surface-2);border:1px solid var(--border);font-weight:600}.card-date,.article-meta time{color:var(--faint);margin-inline-start:auto;font-size:.76rem}.card-title{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-size:1.14rem;font-weight:800;line-height:1.5}.card-excerpt{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.94rem;display:-webkit-box;overflow:hidden}.card-more{color:var(--primary-strong);margin-top:auto;padding-top:4px}.empty-state{color:var(--muted);text-align:center;padding:56px 0}@media (min-width:1120px){.style-catalog .content-grid{grid-template-columns:repeat(4,1fr)}}.style-catalog .card-media{aspect-ratio:4/3}.style-magazine .content-grid{gap:24px}@media (min-width:960px){.style-magazine .content-grid{grid-template-columns:repeat(2,1fr)}.style-magazine .card-title{font-size:1.3rem}}.article-main{flex-direction:column;flex:1;gap:40px;padding-block:26px 56px;display:flex}.article{width:100%;max-width:var(--measure);margin-inline:auto}.crumbs{color:var(--faint);margin-bottom:14px;font-size:.85rem}.crumbs a:hover{color:var(--primary-strong)}.article-title{font-family:var(--font-display);letter-spacing:-.015em;margin:12px 0 18px;font-size:clamp(1.7rem,5vw,2.7rem);font-weight:900;line-height:1.28}.article-figure{border-radius:var(--radius);background:var(--media-fallback);box-shadow:var(--shadow);margin:0 0 26px;overflow:hidden}.article-img{aspect-ratio:16/9;object-fit:cover;width:100%}.article-body{color:color-mix(in srgb, var(--ink) 92%, var(--color-background));font-size:1.09rem;line-height:1.95}.article-body p{margin:0 0 1.25em}.article-body>p:first-of-type:first-letter{font-family:var(--font-display);float:inline-start;color:var(--primary-strong);padding-block-start:.05em;padding-inline-end:.09em;font-size:3.1em;font-weight:900;line-height:.8}.article-foot{border-top:1px solid var(--border);margin-top:30px;padding-top:20px}.back-link{font-family:var(--font-display);color:var(--primary-strong);font-weight:700}.related{width:100%;max-width:var(--maxw);flex-direction:column;gap:18px;margin-inline:auto;display:flex}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--color-background) 90%, var(--surface-2));color:var(--muted)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:26px 30px;display:flex}.footer-brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-weight:800;display:inline-flex}.footer-meta{margin:0;font-size:.88rem}a:focus-visible,.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb, var(--color-primary) 26%, transparent)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.state-root{color:#0f172a;min-height:100vh;font-family:var(--font-body);background:#f6f7f9;place-items:center;padding:24px;display:grid}.state-card{text-align:center;background:#fff;border:1px solid #e6e8ec;border-radius:20px;max-width:460px;padding:44px 30px;box-shadow:0 20px 50px -24px #0f172a47}.state-emoji{margin:0 0 8px;font-size:2.6rem}.state-title{font-family:var(--font-display);margin:0 0 12px;font-size:1.5rem;font-weight:800}.state-text{margin:0 0 8px;font-size:1.02rem}.state-host{direction:ltr;unicode-bidi:embed;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700}.state-sub{color:#64748b;margin:0;font-size:.92rem}