:root{color-scheme:light;--ink:#172338;--muted:#65748a;--blue:#2563eb;--cyan:#0891b2;--line:#dce4ee;--soft:#edf2f8;--surface:#fbfcfe;--page:#e9eef5;--shadow:0 14px 38px rgba(27,43,65,.07)}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% -20%,#fff 0,transparent 58%),linear-gradient(145deg,#eef2f7,#e7edf4);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65;transition:background-color .2s,color .2s}
body.dark{color-scheme:dark;--ink:#edf3fc;--muted:#a3b1c5;--blue:#75a7ff;--cyan:#48c4d7;--line:#2a3850;--soft:#121d30;--surface:#172235;--page:#0a1220;--shadow:0 18px 46px rgba(0,0,0,.24);background:radial-gradient(ellipse at 50% -20%,#16243a 0,transparent 58%),linear-gradient(145deg,#0b1422,#080e19)}
a{text-decoration:none;color:inherit}.wrap{width:min(960px,calc(100% - 36px));margin-inline:auto}
.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;letter-spacing:.01em}.back{color:var(--muted);font-size:14px;transition:color .16s}.back:hover{color:var(--blue)}
.guide-controls{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.guide-control{min-width:42px;height:40px;display:grid;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 2px 7px rgba(20,32,51,.045);transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.guide-control:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--blue) 55%,var(--line));box-shadow:0 5px 14px rgba(37,99,235,.1)}.guide-control:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:2px}.dark .guide-control{box-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero{padding:70px 0 52px;text-align:center}.eyebrow{display:inline-flex;padding:6px 12px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--blue);font-size:12px;font-weight:800}.hero h1{max-width:790px;margin:18px auto 14px;font-size:clamp(34px,6vw,58px);line-height:1.1;letter-spacing:-1.6px}.hero p{max-width:650px;margin:0 auto;color:var(--muted);font-size:17px}.cta{display:inline-block;margin-top:25px;padding:13px 20px;border:1px solid color-mix(in srgb,var(--blue) 75%,#123f9c);border-radius:13px;background:linear-gradient(135deg,#3475ed,#245bd0);color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(37,99,235,.2);transition:transform .16s,box-shadow .16s}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(37,99,235,.27)}
.section{margin:18px 0;padding:30px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}.section h2{margin:0 0 17px;font-size:24px;letter-spacing:-.3px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.step{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--soft);color:var(--muted);transition:border-color .16s,transform .16s}.step:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.step b{display:block;margin-bottom:5px;color:var(--blue)}.faq details{padding:15px 2px;border-top:1px solid var(--line)}.faq summary{color:var(--ink);font-weight:800;cursor:pointer}.faq p{margin:9px 0 0;color:var(--muted)}
footer{padding:26px 0 38px;color:var(--muted);font-size:13px;text-align:center}
html[lang=ar] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8}html[lang=ar] .hero h1{letter-spacing:0}html[lang=ar] .top{direction:rtl}
@media(max-width:640px){.wrap{width:min(100% - 28px,600px)}.top{min-height:66px;flex-wrap:wrap;padding-block:9px}.guide-controls{margin-inline-start:auto}.back{font-size:12px}.hero{padding:42px 0 32px}.hero h1{font-size:clamp(30px,9vw,44px);letter-spacing:-.7px}.hero p{font-size:15px}.section{padding:22px 19px;border-radius:18px}.section h2{font-size:21px}.steps{grid-template-columns:1fr;gap:9px}.step{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.guide-theme-control{display:inline-flex;min-width:104px;height:40px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 75%,transparent)}
.guide-theme-control:hover{background:color-mix(in srgb,var(--blue) 8%,var(--surface))}
.guide-theme-icon{display:grid;width:18px;height:18px;place-items:center;color:var(--blue)}
.guide-theme-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guide-theme-label{font-size:12px;font-weight:750;line-height:1;white-space:nowrap}
@media(max-width:640px){.guide-theme-control{min-width:92px;height:38px;padding-inline:10px}}

.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:block;border-radius:10px;box-shadow:0 5px 14px rgba(37,99,235,.2)}