@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c1015;--panel:#141a22;--ink:#edf3f6;--muted:#8896a7;--line:#29323f;--accent:#c2f26b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:15px/1.7 'IBM Plex Sans Arabic',Tahoma,sans-serif;background-image:radial-gradient(ellipse at 5% 0%,#22352c60,transparent 45%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1280px;margin:auto;padding:0 44px}.top{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px}.logo{background:var(--accent);width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#122016;font-size:25px;line-height:1}.brand small{display:block;font:9px/1.5 system-ui;letter-spacing:3px;color:var(--muted)}.top-meta,.status{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #c2f26b66}.tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #34432b;background:#1d291b;border-radius:30px;padding:5px 12px;font-size:11px;color:#c6dfab}.eyebrow{font:10px/1.5 system-ui;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(37px,5vw,66px);line-height:1.4;letter-spacing:-1.5px;margin:16px 0 18px;font-weight:500}h1 em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.hero{padding:68px 0 54px;display:flex;align-items:center;justify-content:space-between;gap:35px}.hero p{font-size:15px;max-width:530px;margin:0}.hero-art{width:230px;height:170px;position:relative;display:grid;place-items:center;flex-shrink:0}.hero-art:before{content:'';position:absolute;width:170px;height:170px;border:1px solid #314332;border-radius:50%;box-shadow:0 0 0 25px #1c2b1b50,0 0 0 50px #18221a40}.hero-art svg{position:relative;width:118px;height:100px;stroke:#c2f26b;stroke-width:1;fill:#17251c;filter:drop-shadow(0 15px 22px #0008)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.section-head h2{font-size:17px;font-weight:500;margin:0}.section-head span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.desktop-card{border:1px solid #3e5135;border-radius:23px;background:linear-gradient(130deg,#243326,#141e1a);padding:30px;text-align:right;color:inherit;position:relative;overflow:hidden;min-height:315px;transition:.2s}.desktop-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between}.screen-icon{width:52px;height:52px;border:1px solid #4b6140;border-radius:15px;display:grid;place-items:center;background:#30432a}.screen-icon svg{width:27px;height:27px;stroke:var(--accent);fill:none;stroke-width:1.5}.desktop-card h3{font:500 32px/1.3 system-ui;margin:34px 0 10px;direction:ltr;text-align:right}.desktop-card p{font-size:13px;color:#a2b39f;margin:0 0 28px}.card-bottom{border-top:1px solid #ffffff15;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.round-arrow{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#1e3016;display:grid;place-items:center;font-size:20px}.info-card{border:1px solid var(--line);border-radius:23px;padding:30px;background:#141a22b0;display:flex;flex-direction:column;justify-content:space-between}.info-card .number{font:300 46px/1 system-ui;color:#758697}.info-card h3{font-size:21px;font-weight:500;margin:18px 0 8px}.info-card p{font-size:13px;max-width:330px;margin:0}.specs{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.specs span{font:10px/1.5 system-ui;border:1px solid var(--line);border-radius:6px;color:#a4b0bd;padding:6px 9px}.bottom-note{display:flex;justify-content:space-between;margin:30px 0 60px;color:var(--muted);font-size:11px}.bottom-note a{color:#bdcbb8}.footer{padding:22px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#718092;letter-spacing:.4px}.text-button{border:0;background:none;color:#b5c0cd;padding:7px 12px;font-size:12px}.login-main{min-height:calc(100dvh - 190px);display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:60px 0}.login-main h1{font-size:clamp(40px,4.7vw,64px)}.login-copy p{max-width:410px;font-size:14px}.login-copy .status{margin-top:35px}.login-box{background:linear-gradient(150deg,#1b232c,#141920);border:1px solid #303b48;border-radius:25px;padding:38px;box-shadow:0 22px 80px #0003}.login-box h2{font-size:25px;font-weight:500;margin:0 0 6px}.login-box>p{font-size:12px;margin:0 0 28px}label{display:block;font-size:12px;color:#acb8c5;margin:18px 0 7px}input{width:100%;border:1px solid #35404d;background:#10161d;color:var(--ink);border-radius:11px;padding:12px 14px;outline:none;direction:ltr;text-align:left}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c2f26b12}.submit{width:100%;border:0;border-radius:11px;background:var(--accent);color:#1a2c11;padding:12px 18px;margin-top:25px;font-weight:600}.submit:disabled{opacity:.6;cursor:wait}.form-error{color:#ffac9e;font-size:12px;min-height:22px;margin:12px 0 0}.form-note{font-size:10px;text-align:center;color:#7f8d9f;margin:20px 0 0}.password-row{position:relative}.password-row input{padding-right:58px}.password-row button{position:absolute;right:9px;top:9px;border:0;background:#222d39;border-radius:5px;color:#b0bbc7;font-size:10px;padding:5px 7px}.viewer{position:fixed;inset:0;background:#070b10;z-index:5;display:flex;flex-direction:column;height:100dvh}.toolbar{min-height:66px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29323f;background:#141b24}.toolbar strong{font-size:13px;font-weight:500}.toolbar button{background:#222e3a;border:1px solid #35414e;color:#d9e5ef;border-radius:8px;padding:8px 13px;margin-right:7px;font-size:12px}iframe{width:100%;border:0;flex:1;min-height:0;background:#000}.viewer-note{font-size:10px;padding:5px 20px;color:#718092}.setup-wrap{max-width:520px;margin:8vh auto;padding:20px}.setup-wrap .login-box{padding:30px}@media(max-width:800px){.shell{padding:0 24px}.top{height:90px}.login-main{grid-template-columns:1fr;gap:30px;padding-top:35px}.login-copy h1{font-size:38px}.login-copy .status{display:none}.login-box{padding:28px}.hero{padding:45px 0 35px}.hero-art{width:160px}.cards{gap:15px}.desktop-card,.info-card{padding:24px}.bottom-note{margin-bottom:35px}}@media(max-width:560px){.top-meta>span:not(.dot){display:none}.brand{font-size:17px}.hero-art{display:none}.hero h1{font-size:40px}.hero p{font-size:13px}.cards{grid-template-columns:1fr}.desktop-card{min-height:290px}.info-card{min-height:210px}.info-card .number{font-size:32px}.info-card h3{font-size:19px}.bottom-note{gap:15px;flex-direction:column}.footer{font-size:9px}.login-main{padding-top:25px;gap:22px}.login-copy h1{font-size:35px;margin-top:10px}.login-copy p{font-size:12px}.login-box{padding:25px}.toolbar{padding:8px 10px;gap:8px}.toolbar strong{font-size:11px}.toolbar button{font-size:10px;margin:0;padding:8px}.section-head span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.host-card{background:linear-gradient(130deg,#243443,#17212c);border-color:#3e566c}.host-card .screen-icon{background:#2b4054;border-color:#45647e}.host-card .screen-icon svg{stroke:#b1d3f5}.host-card .round-arrow{background:#b1d3f5}.host-card:hover{border-color:#b1d3f5}.host-card .tag{background:#203344;border-color:#3a536b;color:#b1d3f5}
.viewer{height:var(--viewer-height,100dvh)}