*{box-sizing:border-box}body{margin:0;background:#07061a;color:#d9d7ea;font:17px/1.75 Manrope,system-ui,sans-serif}
[dir=rtl] body,body[dir=rtl]{font-family:Alexandria,Tahoma,sans-serif}
a{color:#c9c2ff}.wrap{max-width:820px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:5;background:rgba(7,6,26,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1d1b3d}
.nav{max-width:1200px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav img{height:34px;width:auto}.nav .links{display:flex;gap:18px;flex-wrap:wrap;flex:1}
.nav .links a,.nav .lang{color:#d9d7ea;text-decoration:none;font-size:15px;white-space:nowrap}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;background:linear-gradient(90deg,#2fb8ff,#7b5cff 60%,#d66cf0)}
.btn.ghost{background:none;border:1px solid #3a3769}
.crumbs{font-size:14px;color:#8f8ca8;margin:28px 0 10px}.crumbs a{color:#8f8ca8;text-decoration:none}
h1{color:#fff;font-size:clamp(30px,5vw,44px);line-height:1.2;margin:6px 0 14px}
h2{color:#fff;font-size:24px;line-height:1.3;margin:38px 0 10px}
.meta{color:#8f8ca8;font-size:14px;margin-bottom:22px}.cat{display:inline-block;background:#1d1b3d;color:#c9c2ff;border-radius:999px;padding:3px 12px;font-size:13px;margin-inline-end:10px}
.hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;margin:6px 0 10px;background:#141233}
.lead{font-size:19px;color:#ecebf7}
.help{background:linear-gradient(135deg,#15123a,#1d1550);border:1px solid #2c2860;border-radius:20px;padding:26px;margin:44px 0}
.help h2{margin-top:0}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{background:#141233;border:1px solid #26234f;border-radius:999px;padding:4px 12px;font-size:13px;color:#b9b6d3}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:16px 0 50px}
.rel a{display:block;background:#100e2b;border:1px solid #1f1c45;border-radius:16px;overflow:hidden;text-decoration:none;color:#ecebf7;font-weight:600;font-size:15px;line-height:1.4}
.rel img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rel span{display:block;padding:12px 14px}
footer{background:#06051a;color:#8f8ca8;padding:40px 22px;font-size:14px;border-top:1px solid #1d1b3d}
footer .f{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between}
footer a{color:#c9c2ff;text-decoration:none}
.wa{position:fixed;bottom:20px;inset-inline-end:20px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}
@media(max-width:640px){.nav{gap:10px 16px}.nav .lang{margin-inline-start:auto}.nav .links{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:16px;padding-bottom:4px}.nav .btn{display:none}body{font-size:16px}}