:root{--bg:#080a0f;--panel:#10131a;--gold:#d8ad55;--bright:#f0d789;--muted:#aaa59c;--line:rgba(222,183,101,.22);--green:#7be0a2;--red:#f27870}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f4f1e9;font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.topbar{position:fixed;z-index:40;inset:0 0 auto;height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:36px;background:linear-gradient(180deg,rgba(5,6,9,.95),rgba(5,6,9,.42));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.035)}
.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:208px;height:58px;object-fit:contain}.navigation{display:flex;align-items:center;gap:32px;margin-inline-start:auto}.navigation a,.button,.language{text-decoration:none;color:inherit}.navigation a{font-size:12px;color:#c5c0b6;transition:color .2s}.navigation a:hover{color:var(--bright)}
.top-actions{display:flex;align-items:center;gap:10px}.language{border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:var(--bright);min-width:45px;padding:9px 10px;cursor:pointer;font-size:11px;font-weight:700}.button{border:1px solid transparent;border-radius:7px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:.2px;cursor:pointer;transition:transform .18s,filter .18s,border-color .18s,background .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-gold{color:#181208;background:linear-gradient(140deg,#f0d88c,#d0a344 50%,#b17c2c);box-shadow:0 7px 24px rgba(185,135,45,.22)}.button-quiet{background:transparent;border-color:rgba(255,255,255,.13);color:#e2ded5}.button-outline{background:rgba(10,12,17,.56);border-color:var(--line);color:var(--bright)}.button-large{padding:15px 23px;min-height:50px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:7px;width:42px;height:40px;padding:8px;cursor:pointer}.menu-toggle span{height:2px;background:var(--bright);display:block;margin:4px 0}.user-chip{display:flex;align-items:center;gap:7px;color:var(--bright);font-size:12px;direction:ltr}.user-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.logout-form{margin:0}
.hero{position:relative;min-height:740px;height:min(890px,100svh);display:flex;align-items:center;padding:130px clamp(24px,10vw,150px) 70px;overflow:hidden;background:#090b10 url("/assets/hero-bg.jpg") center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.97),rgba(7,9,13,.88) 35%,rgba(7,9,13,.34) 75%,rgba(7,9,13,.16)),linear-gradient(0deg,#080a0f,transparent 25%,rgba(5,7,10,.34))}.rtl .hero-shade{background:linear-gradient(270deg,rgba(7,9,13,.97),rgba(7,9,13,.88) 35%,rgba(7,9,13,.34) 75%,rgba(7,9,13,.16)),linear-gradient(0deg,#080a0f,transparent 25%,rgba(5,7,10,.34))}
.hero-content{position:relative;z-index:2;width:min(700px,100%)}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow-line{width:31px;height:1px;background:var(--gold);box-shadow:0 0 9px rgba(216,173,85,.65)}.hero h1,.section-heading h2,.download-copy h2,.join-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-1.8px}.hero h1{font-size:clamp(52px,7.5vw,92px);line-height:.99;margin:22px 0;text-shadow:0 5px 32px #0008}.hero h1 em,.section-heading h2 em,.download-copy h2 em,.join-cta h2 em{font-style:normal;color:var(--bright);text-shadow:0 0 30px rgba(211,164,76,.17)}.hero-copy{max-width:560px;color:#d1cec6;font-size:15px;line-height:1.95;margin:0}.hero-actions{display:flex;gap:12px;margin:28px 0 37px}.hero-stats{display:flex;align-items:stretch;border-top:1px solid rgba(255,255,255,.18);width:min(520px,100%);padding-top:17px}.hero-stat{min-width:150px;padding:0 20px;border-inline-end:1px solid rgba(255,255,255,.11)}.hero-stat:first-child{padding-inline-start:0}.hero-stat:last-child{border:0}.hero-stat strong{display:inline-block;color:#f5e4b4;font:600 22px Georgia,serif;margin-bottom:4px}.hero-stat>span:last-child{display:block;color:#aaa79f;font-size:10px}.hero-server strong{font:700 14px "Segoe UI",Arial,sans-serif;vertical-align:middle}.live-light,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#81858a;box-shadow:0 0 10px #81858a55}.live-light{margin-inline-end:8px}.is-online{background:var(--green)!important;box-shadow:0 0 11px #7be0a277!important}.is-offline{background:var(--red)!important;box-shadow:0 0 11px #f2787077!important}
.hero-caption{position:absolute;z-index:2;bottom:42px;inset-inline-end:5%;display:flex;align-items:center;gap:10px;color:#fff9;font-size:9px;letter-spacing:2px}.hero-caption b{font:600 16px Georgia,serif;color:var(--bright)}.scroll-hint{position:absolute;bottom:40px;inset-inline-start:5%;display:flex;align-items:center;gap:10px;color:#d0c8b7;text-decoration:none;font-size:10px}.scroll-hint span{height:1px;width:36px;background:var(--gold)}
.status-panel{position:relative;z-index:4;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;margin:-1px auto 0;width:min(1160px,92%);padding:0 25px;min-height:104px;background:linear-gradient(115deg,#171817,#10131a 48%,#12131a);border:1px solid rgba(218,177,91,.24);box-shadow:0 18px 50px #0008}.status-intro,.status-unit{display:flex;align-items:center;gap:13px;min-height:60px;padding:12px 20px;border-inline-start:1px solid rgba(255,255,255,.07)}.status-intro{border:0;padding-inline-start:0}.status-emblem{display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--line);color:var(--bright);border-radius:50%;font-size:17px}.status-intro strong,.status-unit b{display:block;font-size:12px}.status-intro small,.status-unit>div>small{display:block;color:#918e87;font-size:10px;margin-top:5px}.status-unit b{margin-top:6px}.status-unit b.is-online{color:var(--green)}.status-unit b.is-offline{color:var(--red)}.population-icon{color:var(--bright);font-size:19px}.status-population b{color:#f3e5c0;font-size:18px}.status-population b small{font:400 10px "Segoe UI",Arial,sans-serif;color:#a6a096}
.section{width:min(1160px,86%);margin:auto;padding:122px 0}.section-heading{max-width:620px}.section-heading h2,.download-copy h2{font-size:clamp(42px,5.4vw,68px);line-height:1.06;margin:21px 0 17px}.section-heading>p,.download-copy>p{color:#a8a59f;line-height:1.9;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:47px}.feature-card{position:relative;min-height:238px;padding:30px 27px;background:linear-gradient(145deg,#15171c,#0e1015);border:1px solid rgba(255,255,255,.065);overflow:hidden}.feature-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(216,173,85,.09);border-radius:50%;inset-inline-end:-55px;bottom:-70px;box-shadow:0 0 0 20px rgba(216,173,85,.018)}.feature-index{position:absolute;inset-inline-end:25px;top:22px;color:#46433d;font:600 27px Georgia,serif}.feature-icon{display:block;color:var(--gold);font-size:25px;margin-bottom:24px}.feature-card h3{font-size:16px;margin:0 0 11px;color:#eee8db}.feature-card p{font-size:12px;line-height:1.85;color:#99968f;margin:0;max-width:300px}
.download-section{position:relative;overflow:hidden;display:grid;grid-template-columns:.85fr 1fr;align-items:center;min-height:490px;padding:70px max(7vw,24px);background:linear-gradient(105deg,#11120f,#0c0f14 63%,#100f0d);border-block:1px solid rgba(255,255,255,.06)}.download-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 22% 50%,rgba(205,151,59,.12),transparent 38%);pointer-events:none}.download-art{position:relative;display:grid;place-items:center;min-height:310px;color:rgba(211,164,76,.34);font:italic 900 clamp(90px,16vw,210px) Georgia,serif;text-shadow:0 0 70px rgba(214,169,75,.13);letter-spacing:-15px}.download-art:before,.download-art:after{content:"";position:absolute;width:205px;height:205px;border:1px solid rgba(216,173,85,.22);transform:rotate(45deg)}.download-art:after{width:155px;height:155px;border-color:rgba(216,173,85,.11)}.download-art span{position:relative;z-index:1}.download-copy{position:relative;max-width:520px}.download-copy h2{font-size:clamp(40px,5vw,62px)}.download-details{display:flex;gap:34px;border-block:1px solid rgba(255,255,255,.08);padding:16px 0;margin:24px 0}.download-details small{display:block;color:#8d8981;font-size:9px;margin-bottom:6px}.download-details b{font-size:12px}.download-button{min-width:228px}.download-footnote{display:block;color:#827f78;font-size:10px;margin-top:14px}
.join-cta{width:min(1160px,88%);margin:95px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:42px clamp(24px,5vw,70px);border:1px solid rgba(216,173,85,.24);background:linear-gradient(100deg,rgba(114,75,25,.19),rgba(18,20,25,.9) 54%,rgba(12,14,18,.95))}.join-cta h2{font-size:clamp(32px,4vw,49px);margin:13px 0 0}.footer{min-height:110px;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.065);color:#8b887f;font-size:10px}.footer-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.footer-brand img{width:116px;height:36px;object-fit:contain}.footer-brand span{border-inline-start:1px solid #39372f;padding-inline-start:13px}.to-top{color:var(--gold);text-decoration:none}
.modal{position:fixed;z-index:80;inset:0;display:none;place-items:center;padding:18px;background:rgba(2,3,5,.8);backdrop-filter:blur(10px)}.modal.show{display:grid}.modal-card{position:relative;width:min(470px,100%);max-height:min(92svh,790px);overflow-y:auto;padding:27px 32px 25px;background:linear-gradient(145deg,#171a1e,#0f1217);border:1px solid rgba(216,173,85,.35);box-shadow:0 30px 100px #000b}.modal-close{position:absolute;inset-inline-end:16px;top:11px;background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}.modal-logo{display:block;width:min(210px,68%);height:62px;object-fit:contain;margin:0 auto 8px}.modal-kicker{text-align:center;color:#a49b83;font-size:10px;letter-spacing:1px;margin:0 0 6px}.modal-card h2{text-align:center;color:var(--bright);font:600 25px Georgia,serif;margin:0 0 20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#0a0c10;border:1px solid #ffffff0c;margin-bottom:20px}.auth-tab{border:0;border-radius:4px;padding:11px;background:transparent;color:#aaa69e;cursor:pointer}.auth-tab.active{background:linear-gradient(120deg,#ecd58d,#b88936);color:#1a1409;font-weight:750}.auth-form label{display:block;margin:12px 0;color:#d1cdc4;font-size:12px}.auth-form label>span{display:block;margin-bottom:7px}.auth-form input:not([type=hidden]){width:100%;height:44px;padding:10px 12px;color:#f3eee4;background:#090b10;border:1px solid #31343a;border-radius:5px;outline:none}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,173,85,.11)}.auth-form input[dir=ltr]{text-align:left}.submit-button{width:100%;margin-top:15px}.field-hint{display:block;color:#8c887f;font-size:10px;margin-top:-7px}.modal-legal{text-align:center;color:#79766f;font-size:10px;margin:18px 0 0}.form-errors,.notice,.user-notice{margin:0 0 14px;padding:10px 12px;border-radius:5px;font-size:12px;line-height:1.7}.form-errors{background:#301919;border:1px solid #71302b;color:#f2aaa3}.notice,.user-notice{background:#18281e;border:1px solid #345a3e;color:#b3e2b8}.form-errors p{margin:2px 0}.user-notice{max-width:520px}.en-text{display:none}.ltr .ar-text{display:none}.ltr .en-text{display:inline}.honey{position:absolute!important;width:1px!important;height:1px!important;left:-10000px!important;top:auto!important}.is-hidden{display:none!important}
@media(max-width:950px){.topbar{gap:15px;padding-inline:24px}.brand img{width:174px}.navigation{gap:18px}.navigation a{font-size:11px}.status-panel{grid-template-columns:1.35fr 1fr 1fr;padding:10px 15px}.status-intro{grid-column:1/-1;border-bottom:1px solid rgba(255,255,255,.07);padding:12px 4px}.status-unit{padding:10px 13px}.status-population{border-inline-start:0}.hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,rgba(7,9,13,.95),rgba(7,9,13,.74) 57%,rgba(7,9,13,.32)),linear-gradient(0deg,#080a0f,transparent 28%,rgba(0,0,0,.22))}.rtl .hero-shade{background:linear-gradient(270deg,rgba(7,9,13,.95),rgba(7,9,13,.74) 57%,rgba(7,9,13,.32)),linear-gradient(0deg,#080a0f,transparent 28%,rgba(0,0,0,.22))}.download-section{padding-inline:6%;gap:25px}}
@media(max-width:680px){html{scroll-padding-top:72px}.topbar{height:70px;padding-inline:15px;gap:10px}.brand img{width:148px;height:48px}.menu-toggle{display:block;margin-inline-start:auto}.navigation{display:none;position:absolute;top:70px;inset-inline:10px;padding:11px;background:rgba(12,14,19,.98);border:1px solid var(--line);box-shadow:0 18px 40px #000b;flex-direction:column;align-items:stretch;gap:0}.navigation.open{display:flex}.navigation a{display:block;padding:13px 15px;border-bottom:1px solid #ffffff0a;font-size:13px}.navigation a:last-child{border:0}.top-actions{gap:6px}.top-actions .button{padding:9px 10px;font-size:10px}.language{min-width:38px;padding:8px 7px}.user-chip{display:none}.hero{height:auto;min-height:790px;padding:120px 23px 95px;background-position:57% center}.hero h1{font-size:clamp(50px,14vw,73px)}.hero-copy{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;margin:24px 0 30px}.hero-actions .button{width:100%}.hero-stats{width:100%;max-width:470px}.hero-stat{min-width:0;flex:1;padding-inline:11px}.hero-stat strong{font-size:18px}.hero-stat>span:last-child{font-size:9px}.hero-server strong{font-size:11px}.hero-caption{bottom:22px;inset-inline-end:22px}.scroll-hint{bottom:25px;inset-inline-start:22px}.status-panel{width:100%;grid-template-columns:1fr 1fr;margin:0;padding:9px 16px;border-inline:0}.status-intro{grid-column:1/-1}.status-unit{padding:12px 5px;border-inline-start:0}.status-unit:nth-child(3){border-inline-start:1px solid rgba(255,255,255,.07)}.status-population{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);justify-content:center}.section{width:88%;padding:83px 0}.section-heading h2{font-size:45px}.feature-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.feature-card{min-height:185px;padding:24px}.feature-icon{margin-bottom:18px}.download-section{grid-template-columns:1fr;gap:0;padding:56px 7%}.download-art{min-height:170px;font-size:125px;letter-spacing:-9px}.download-art:before{width:145px;height:145px}.download-art:after{width:110px;height:110px}.download-copy h2{font-size:45px}.download-copy>p{font-size:13px}.download-details{gap:20px;justify-content:space-between}.join-cta{width:90%;margin:62px auto;padding:29px 22px;align-items:flex-start;flex-direction:column}.join-cta h2{font-size:37px}.footer{padding:22px 6%;flex-wrap:wrap}.footer-brand{width:100%}.modal-card{padding:24px 21px 20px}.modal-logo{height:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:390px){.topbar{padding-inline:10px;gap:6px}.brand img{width:clamp(96px,30vw,125px)}.top-actions{gap:4px}.top-actions .button{padding-inline:6px;font-size:9px}.language{min-width:32px;padding-inline:5px}}
