:root{--blue:#0072f0;--blue2:#4aa3ff;--violet:#0a52c9;--cyan:#22b3ff;--ink:#0c1330;--muted:#5b6588;--bg:#fff;--surface:rgba(255,255,255,.7);--border:rgba(255,255,255,.7);--line:#eef1f7;--footer:#0a1030;--shadow:0 30px 80px -30px rgba(31,47,138,.5);--font:'Alexandria',sans-serif;--aur1:#8fb0ff;--aur2:#d3c4ff;--aur-op:.5}
:root[data-theme="dark"]{--ink:#eef1ff;--muted:#9aa3c8;--bg:#070b1a;--surface:rgba(24,30,54,.6);--border:rgba(120,140,220,.14);--line:#1c2340;--footer:#05070f;--aur1:#2947a8;--aur2:#5a2fae;--aur-op:.55;--shadow:0 30px 80px -30px rgba(0,0,0,.7)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s,color .4s}
a{color:var(--blue)}img{display:block;max-width:100%}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.wrap-lg{max-width:1100px}
h1,h2,h3{font-family:var(--font);letter-spacing:-.02em;line-height:1.25;font-weight:800}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.4}
.aurora{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(60% 40% at 12% 0%,color-mix(in srgb,var(--aur1) 40%,transparent),transparent 60%),radial-gradient(45% 40% at 92% 5%,color-mix(in srgb,var(--aur2) 32%,transparent),transparent 60%)}
.aurora span{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--aur-op)}
.aurora .s1{width:460px;height:460px;background:var(--aur1);top:-160px;left:-120px}.aurora .s2{width:420px;height:420px;background:var(--aur2);top:-100px;right:-120px}
header{position:sticky;top:0;z-index:50;transition:.3s}
header.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px);box-shadow:0 8px 30px -18px rgba(0,0,0,.35)}
nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:14px;max-width:1100px;margin:0 auto;padding:0 24px}
.logo-img{height:50px}:root[data-theme="dark"] .logo-img{filter:brightness(0) invert(1)}
.nav-r{display:flex;gap:10px;align-items:center}
.toggle{height:42px;min-width:42px;padding:0 10px;border-radius:12px;display:grid;place-items:center;cursor:pointer;background:var(--surface);border:1.5px solid var(--border);backdrop-filter:blur(8px);font-size:18px;color:var(--ink);text-decoration:none}
.toggle:hover{transform:translateY(-2px);border-color:var(--blue)}
.back{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;padding:11px 18px;border-radius:999px;background:linear-gradient(120deg,var(--blue),var(--violet));color:#fff;text-decoration:none}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);padding:7px 16px;border-radius:999px}
html[dir="rtl"] .eyebrow{letter-spacing:0}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);padding:6px 14px;border-radius:999px}
html[dir="rtl"] .tag{letter-spacing:0}
.b-hero{padding:56px 0 20px;text-align:center}
.b-hero h1{font-size:clamp(30px,5vw,46px);margin:18px 0 10px;font-weight:900}
.b-hero p{color:var(--muted);font-size:18px;max-width:600px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:44px 0 80px}
.card{display:flex;flex-direction:column;background:var(--surface);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:22px;overflow:hidden;transition:.3s;color:inherit;text-decoration:none}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .top{height:120px;background:linear-gradient(135deg,var(--blue),var(--violet));display:grid;place-items:center;font-size:44px}
.card .body{padding:22px}
.card h3{font-size:19px;margin:8px 0 8px}
.card p{color:var(--muted);font-size:14px}
.card .rd{margin-top:14px;font-weight:600;font-size:14px;color:var(--blue);display:block}
@media(max-width:860px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
article{padding:48px 0 40px}
article h1{font-size:clamp(28px,4.4vw,42px);margin:16px 0 12px}
.meta{color:var(--muted);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}
article h2{font-size:24px;margin:34px 0 12px}
article p{margin-bottom:16px;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}
article ul,article ol{margin:6px 0 18px;padding-inline-start:24px;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}
article li{margin-bottom:8px}article strong{color:var(--ink)}
blockquote{border-inline-start:4px solid var(--blue);background:var(--surface);padding:16px 20px;border-radius:12px;margin:20px 0;color:var(--ink);font-weight:500}
.cta{background:linear-gradient(150deg,var(--blue),var(--violet));color:#fff;border-radius:24px;padding:32px;text-align:center;margin:40px 0}
.cta h3{font-size:22px;margin-bottom:8px}.cta p{color:#fff;opacity:.92;margin-bottom:18px}.cta a{display:inline-block;background:#fff;color:var(--blue);font-weight:700;padding:13px 26px;border-radius:999px;text-decoration:none}
.more{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.more a{font-weight:600}
footer{background:var(--footer);color:#9aa3c6;padding:40px 0;text-align:center;font-size:14px}footer a{color:#c7cee6}