:root{--b:#2f7bff;--b2:#5aa0ff;--d:#050d1f;--bg:#081430;--card:#0d1f45;--line:#1a3269;--t:#e6eeff;--m:#9db2dc}
*{box-sizing:border-box;margin:0}body{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;color:var(--t);line-height:1.8;background:var(--d)}
a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 20px}.narrow{max-width:640px}
header{position:sticky;top:0;background:#050d1f;border-bottom:1px solid var(--line);z-index:9}.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.3rem;color:#fff}.logo span{color:var(--b2);direction:ltr;display:inline-block}
nav a{white-space:nowrap;margin-inline-start:22px;color:var(--m);font-weight:600}nav a.active,nav a:hover{color:var(--b2)}#m{display:none;background:none;border:0;font-size:1.6rem;color:#fff}
.hero{background:radial-gradient(900px 400px at 50% 0,#124cc4 0,transparent 70%),linear-gradient(160deg,#071a4a,#050d1f);color:#fff;padding:110px 0;text-align:center;border-bottom:1px solid var(--line)}.hero.small{padding:60px 0}.hero h1{font-size:2.6rem;line-height:1.4}.hero em{color:var(--b2);font-style:normal}.hero p{max-width:620px;margin:16px auto 0;color:#c5d5f5;font-size:1.1rem}
.acts{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;background:linear-gradient(135deg,#2f7bff,#1a56d6);color:#fff;padding:12px 28px;border-radius:10px;font-weight:700;border:0;cursor:pointer;font-size:1rem;font-family:inherit;box-shadow:0 6px 20px rgba(47,123,255,.3)}.btn.ghost{background:transparent;border:2px solid var(--b2);box-shadow:none}
section{padding:70px 0}.alt{background:var(--bg)}h2{font-size:1.8rem;margin-bottom:30px;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}.card h3{color:#fff;margin-bottom:6px}.card p{color:var(--m)}
.card.link{display:block;transition:.2s}.card.link:hover{transform:translateY(-4px);border-color:var(--b);box-shadow:0 10px 30px rgba(47,123,255,.25)}.card.link span{color:var(--b2);font-weight:700}.ic{font-size:2rem;color:var(--b2)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.steps li{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);padding:18px;border-radius:12px}.steps b{background:var(--b);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}
.cta{background:linear-gradient(135deg,#0b3b99,#123a8f);color:#fff;text-align:center;border-top:1px solid var(--line)}.cta h2{margin-bottom:8px}.cta .btn{background:#fff;color:#0b3b99;margin-top:18px;box-shadow:none}
form label{display:block;margin-bottom:16px;font-weight:600}input,select,textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:1rem;background:var(--card);color:var(--t)}input:focus,select:focus,textarea:focus{outline:2px solid var(--b)}.hp{position:absolute;left:-9999px}
.ok{color:#4ade80;margin-top:12px}.err{color:#ff7b7b;margin-top:12px}.note{margin-top:24px;color:var(--m)}
footer{background:#030813;border-top:1px solid var(--line);color:var(--m);padding:36px 0}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer b{color:#fff}
@media(max-width:760px){#m{display:block}nav{display:none;position:absolute;top:64px;inset-inline:0;background:var(--d);flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{margin:0;padding:10px 0}.hero{padding:70px 0}.hero h1{font-size:1.9rem}}
header{transition:.3s;z-index:25}header.sm{box-shadow:0 6px 24px rgba(0,0,0,.5)}header.sm .bar{height:54px}.bar{transition:height .3s}
#pg{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,#5aa0ff,#2f7bff);z-index:30}
#ov{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.3s;z-index:19}#ov.show{opacity:1;pointer-events:auto}body.lock{overflow:hidden}
#x{display:none}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
.stats{background:linear-gradient(135deg,#0a2a6e,#071a4a);border-block:1px solid var(--line);padding:50px 0}.grid.four{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.stat{text-align:center}.stat b{display:block;font-size:2.8rem;color:var(--b2);line-height:1.2;font-weight:800}.stat span{color:#c5d5f5}
#up{position:fixed;bottom:22px;inset-inline-start:22px;width:44px;height:44px;border-radius:50%;border:0;background:var(--b);color:#fff;font-size:1.3rem;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.3s;z-index:15}#up.show{opacity:1;pointer-events:auto;transform:none}
@media(max-width:760px){
nav{display:flex!important;position:fixed;top:0;bottom:0;right:0;left:auto;width:78%;max-width:300px;background:#071533;border-inline-start:1px solid var(--line);border-bottom:0;padding:70px 24px 24px;flex-direction:column;transform:translateX(100%);transition:transform .35s ease;z-index:20}
nav.open{transform:none}nav a{font-size:1.1rem;border-bottom:1px solid var(--line);padding:14px 0!important}
#x{display:block;position:absolute;top:16px;inset-inline-end:18px;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}}
.pay{display:flex;align-items:center;justify-content:center!important;gap:14px;flex-wrap:wrap;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.pay span{color:#fff;font-weight:700}.pay ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pay li{display:flex;align-items:center;justify-content:center;width:88px;height:42px;border-radius:8px;background:#fff}.pay li img{display:block;width:auto;height:auto;max-width:68px;max-height:22px;object-fit:contain}.pay li img.tall{max-height:28px}
@media(max-width:760px){nav{height:100vh;height:100dvh}}
.hero.term{position:relative;overflow:hidden;padding:90px 0;text-align:center}.hero.term .wrap{position:relative;z-index:2;text-shadow:0 2px 14px rgba(3,8,19,.9)}
.hero.term::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(5,13,31,.82),rgba(5,13,31,.15) 100%);pointer-events:none}
#term{position:absolute;inset:0;z-index:0;direction:ltr;text-align:left;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#9db2dc;display:flex;flex-direction:column;opacity:.75}
#term .tb{display:flex;align-items:center;gap:7px;padding:10px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--line)}#term .tb i{width:11px;height:11px;border-radius:50%;background:#ff5f57}#term .tb i:nth-child(2){background:#febc2e}#term .tb i:nth-child(3){background:#28c840}#term .tb span{margin-inline-start:10px;color:#6f86b8;font-size:12px}
#term .tbody{flex:1;overflow:hidden;padding:12px 20px}#term .ln{white-space:pre-wrap;word-break:break-all}#term .ln b{color:#4ade80;font-weight:400}#term .ln u{color:#5aa0ff;text-decoration:none}#term .ln s{text-decoration:none;color:#e6eeff}#term .ln.k{color:#4ade80}#term em{display:inline-block;width:8px;height:15px;background:#5aa0ff;vertical-align:-2px;margin-inline-start:1px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
@media(max-width:760px){#term{font-size:11px;opacity:.5}.hero.term::after{background:rgba(5,13,31,.62)}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}