@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#0a1111;--surface:#101a1a;--surface2:#162323;--surface3:#1d2e2d;--line:#2d4542;--text:#f2f7f5;--muted:#aebbb8;--lime:#84e61d;--lime2:#c7ff79;--gold:#f7c65b;--danger:#e15b5b;--shadow:0 20px 50px rgba(0,0,0,.28);--r:18px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(800px 500px at 85% -10%,#17443a 0%,transparent 65%),var(--ink);color:var(--text);font:400 16px/1.9 'Noto Sans Arabic',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime2);outline-offset:3px}.notice{padding:8px 24px;text-align:center;color:#c9d4d0;background:#07100f;border-bottom:1px solid #1b302d;font-size:12px}header{height:76px;display:flex;align-items:center;gap:25px;padding:0 clamp(16px,4vw,64px);background:rgba(10,17,17,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #1d302e}.menu{height:44px;width:44px;border:1px solid var(--line);border-radius:12px;background:#14201f;color:var(--text);font-size:22px;cursor:pointer}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;line-height:1}.brand i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--lime),#34a955);color:#07110d;font:700 25px/1 Arial;font-style:normal}.brand strong{font:700 16px/1 Arial;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.2px;margin-top:4px}nav{display:flex;align-items:center;gap:22px;flex:1}nav a{font-size:14px;color:#d5dfdc;transition:.2s}nav a:hover{color:var(--lime)}.head-actions{display:flex;gap:10px;align-items:center}.login{border:1px solid var(--line);padding:9px 17px;border-radius:9px;font-size:14px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 19px;border-radius:10px;background:linear-gradient(135deg,var(--lime),#59c961);color:#07110d;font-weight:800;font-size:14px;box-shadow:0 8px 25px rgba(103,221,61,.18);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(103,221,61,.28)}.head-actions .btn{min-height:40px;padding:8px 13px}.side{position:fixed;top:76px;right:0;width:58px;height:calc(100vh - 76px);background:#0d1515;border-left:1px solid #20312f;z-index:10;display:flex;align-items:center;flex-direction:column;padding-top:20px;gap:13px}.side a{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#9cb1ac;font-size:20px;transition:.2s}.side a:first-child,.side a:hover{background:#1f5e47;color:var(--lime)}main{max-width:var(--max);margin:0 auto;padding:28px 82px 60px 24px}section{margin:34px 0}.hero{min-height:470px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;overflow:hidden;border:1px solid #2b4b44;border-radius:24px;background:linear-gradient(125deg,#102c28 0%,#0c1717 58%,#173d2d 100%);box-shadow:var(--shadow)}.hero-copy{padding:56px 42px;position:relative;z-index:2}.kicker{margin:0 0 8px;color:var(--lime);font:700 12px/1.3 Arial;letter-spacing:1.8px}.hero h1,.inner h1{font:700 clamp(33px,4vw,58px)/1.2 'Noto Naskh Arabic',serif;letter-spacing:-.5px;margin:0 0 18px}.lead{font-size:18px;color:#dae5e1;max-width:650px;margin:0 0 25px}.hero-acts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.plain{border-bottom:1px solid var(--lime);padding:5px 0;color:var(--lime2);font-weight:700}.stat{display:flex;gap:12px;margin-top:45px;flex-wrap:wrap}.stat span{border-right:2px solid var(--lime);padding:0 12px 0 2px;color:var(--muted);font-size:12px}.stat b{display:block;color:var(--text);font:bold 20px/1 Arial;margin-bottom:6px}.hero-art{position:relative;min-height:300px;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c28 0%,transparent 35%),linear-gradient(0deg,rgba(8,16,15,.55),transparent 55%)}.hero-art img{width:100%;height:100%;display:block;object-fit:cover}.badge{position:absolute;z-index:3;bottom:30px;left:28px;width:108px;padding:14px;color:#07110d;background:var(--lime);font:700 14px/1 Arial;text-align:center;transform:rotate(-5deg);box-shadow:8px 9px 0 rgba(0,0,0,.25)}.badge strong{font-size:25px}.product{padding:4px 0}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 32px}.tabs a{min-height:96px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font:700 14px/1.2 Arial;color:#c5d1ce;transition:.2s}.tabs i{font-size:27px;font-style:normal;color:var(--gold)}.tabs a.active,.tabs a:hover{background:#1e5e47;border-color:#479d76;color:#fff}.tabs a.active i{color:var(--lime2)}h2{font:700 clamp(28px,3vw,40px)/1.25 'Noto Naskh Arabic',serif;margin:0 0 17px}h3{font:700 21px/1.4 'Noto Naskh Arabic',serif;margin:0 0 8px}.providers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.providers article,.three article,.game-grid article,.steps article{border:1px solid var(--line);background:linear-gradient(145deg,#172423,#101b1a);padding:22px;border-radius:14px}.providers b{font:700 20px/1 Arial;color:var(--lime)}.providers p,.caption{font-size:13px;color:var(--muted);margin:10px 0 0}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}.grid2>div,.dark,.registration,.method,.inner>section{background:#101a1a;border:1px solid #253c38;border-radius:var(--r);padding:34px}.grid2 p{color:#c7d1ce}.table{border:1px solid #29413d;border-radius:var(--r);overflow:hidden;background:#0d1515}.table h3{padding:20px 22px;background:#18332c;color:var(--lime2)}.table div{display:flex;justify-content:space-between;gap:20px;padding:15px 22px;border-top:1px solid #233833;font-size:13px}.table span{color:var(--muted)}.table b{font-weight:600;text-align:left}.dark{background:linear-gradient(110deg,#152d24,#0e1716)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.three b,.steps b{font:800 25px/1 Arial;color:var(--lime)}.app img,.grid2 img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--r);border:1px solid #304d47}.app>div{background:transparent;border:0;padding:10px}.app ol,.check,.method ul{padding-right:24px;color:#d9e4e0}.app li,.check li{margin:10px 0}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-grid article{min-height:200px;position:relative;overflow:hidden}.game-grid article img{width:100%;height:120px;object-fit:cover;margin:-22px -22px 16px;width:calc(100% + 44px)}.game-grid i{display:inline-block;color:#06110c;background:var(--gold);padding:5px 8px;font:700 11px Arial;font-style:normal;border-radius:5px;margin-bottom:18px}.registration{text-align:center}.registration>p{max-width:880px;margin-right:auto;margin-left:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;text-align:right;margin:22px 0}.method{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;background:linear-gradient(135deg,#151d30,#111a1a)}.method aside{border-right:2px solid var(--lime);padding-right:22px}.faq{background:#101a1a;border:1px solid #263d38;border-radius:var(--r);padding:34px}.faq details{border-top:1px solid #293d39;padding:17px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:700;cursor:pointer;list-style:none}.faq summary:before{content:'+';color:var(--lime);margin-left:12px;font:700 20px Arial}.faq details[open] summary:before{content:'−'}.faq p{color:#c3cfcb;margin:13px 32px 0 0}.ai{display:grid;grid-template-columns:1fr .9fr;gap:28px;padding:35px;border-radius:var(--r);background:linear-gradient(135deg,#1a3930,#11211e);border:1px solid #3c795d}.ai form{align-self:center}.ai label{display:block;color:#dcebe5;font-weight:700;font-size:14px}.ai input{margin-top:8px;width:100%;min-height:50px;border-radius:9px;border:1px solid #4c6b61;background:#091311;color:#fff;padding:10px 13px;font:inherit}.ai button{margin-top:10px;border:0;border-radius:9px;min-height:46px;padding:10px 17px;background:var(--lime);color:#07110d;font-weight:800;font:700 14px 'Noto Sans Arabic';cursor:pointer}.ai button:hover{background:var(--lime2)}#ai-answer{min-height:27px;font-size:13px;color:#e2f6e9}.inner{max-width:920px;margin:20px auto}.inner>section{margin:28px 0}.inner>section>p{color:#cad5d1}.inner .ai{max-width:none}.inner h1{font-size:48px}footer{background:#07100f;border-top:1px solid #20312d;padding:45px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:38px;color:#aab8b3;font-size:13px}footer h3{font-size:18px;color:#e8f2ee}footer a{display:block;margin:7px 0}footer a:hover{color:var(--lime)}footer .copy{grid-column:1/-1;border-top:1px solid #1d302d;padding-top:18px;font-size:12px}.copy a{display:inline;color:var(--lime)}@media(max-width:1000px){nav{display:none}.side{display:none}main{padding:20px}.hero{grid-template-columns:1fr}.hero-art{min-height:280px;order:-1}.hero-art:after{background:linear-gradient(0deg,#102c28 0%,transparent 70%)}.hero-copy{padding:34px 24px}.tabs{grid-template-columns:repeat(3,1fr)}.providers,.game-grid{grid-template-columns:repeat(2,1fr)}.grid2,.method,.ai{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.notice{font-size:10px;padding:7px 12px}header{gap:10px;height:66px;padding:0 13px}.menu{display:none}.brand strong{font-size:13px}.brand small{display:none}.head-actions .login{display:none}.head-actions .btn{font-size:12px;padding:8px 10px}.hero{margin-top:0;border-radius:16px}.hero h1,.inner h1{font-size:34px}.lead{font-size:16px}.providers,.game-grid,.three,.steps{grid-template-columns:1fr}.tabs{gap:7px}.tabs a{min-height:76px;font-size:11px}.tabs i{font-size:20px}.grid2>div,.dark,.registration,.method,.faq,.ai,.inner>section{padding:22px}.stat{margin-top:28px}.hero-art{min-height:220px}footer{grid-template-columns:1fr;padding:33px 20px}.inner{margin:0}.inner h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}