:root{--bg:#07142e;--bg2:#0b1f44;--card:#102a58;--line:#27467f;--txt:#eef3ff;--mut:#a8b8d8;--gold:#f6d66a;--gold2:#d4a017;--btn:#2f7de1}
@media (prefers-color-scheme:light){:root{--bg:#f4f7fd;--bg2:#e6edfa;--card:#ffffff;--line:#cdd9ee;--txt:#0b1f44;--mut:#4a5c80;--gold:#9a6b00;--gold2:#b8860b;--btn:#1f66c8}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Cairo','Segoe UI',system-ui,-apple-system,Arial,sans-serif;background:linear-gradient(180deg,var(--bg2),var(--bg) 380px);color:var(--txt);line-height:1.8}
.wrap{max-width:1000px;margin:0 auto;padding:0 18px}
a{color:var(--btn)}a:hover{text-decoration:underline}
header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}
.brand img{border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:1.25rem;color:var(--gold)}.brand small{color:var(--mut);font-size:.72rem}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap;justify-content:center}
nav a{display:flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:10px;color:var(--txt);text-decoration:none;font-weight:600;line-height:1.3}
nav a small,.cta small{font-size:.65rem;color:var(--mut);font-weight:400}nav a.on,nav a:hover{background:var(--card)}
.cta{display:flex;flex-direction:column;align-items:center;background:var(--btn);color:#fff;text-decoration:none;padding:6px 18px;border-radius:12px;font-weight:700;line-height:1.3}.cta small{color:#dbe8ff}
main{padding-top:26px;padding-bottom:40px}
h1{font-size:clamp(1.5rem,4.4vw,2.3rem);line-height:1.4;margin:.3em 0}h1 small{display:block;font-size:.55em;color:var(--mut);font-weight:400}
h2{font-size:1.25rem;margin:1.6em 0 .3em;color:var(--gold)}h3{margin:.2em 0}
.en{display:block;direction:ltr;text-align:left;unicode-bidi:isolate;color:var(--mut);font-size:.93em;margin-top:.25em}
.meta{color:var(--mut);font-size:.9rem}
.hero{text-align:center;padding:26px 0 8px}.heroLogo{border-radius:34px;box-shadow:0 8px 40px rgba(246,214,106,.25)}
.lead{font-size:1.15rem;max-width:760px;margin:.6em auto}
.btn{display:inline-block;background:var(--btn);color:#fff!important;padding:10px 26px;border-radius:12px;text-decoration:none!important;font-weight:700;margin:6px}.btn.alt{background:transparent;border:1px solid var(--line);color:var(--txt)!important}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:22px 0}
article,.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.box{margin:16px 0}
.steps{padding-inline-start:0;list-style:none}.steps li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:10px 0}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;margin:8px 0 14px}
th,td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:start}th{color:var(--gold)}
.note{background:var(--card);border:1px dashed var(--gold2);border-radius:12px;padding:10px 14px;margin:14px 0}
footer{border-top:1px solid var(--line);padding:22px 0 34px;background:var(--bg2);color:var(--mut);text-align:center;font-size:.92rem}
footer .fl{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:8px}
footer a{color:var(--txt)}
@media (max-width:640px){nav{order:3;flex-basis:100%}header.top .wrap{gap:8px}}