@import url("assets/raqmi/fonts.css");
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;background:#05378f;background:radial-gradient(ellipse at 14% 0%,#0873df 0%,transparent 52%),linear-gradient(140deg,#064fae,#033081 65%,#0758bd);font:16px/1.7 "Segoe UI",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffda44;outline-offset:5px}.sprite{position:absolute;width:0;height:0;overflow:hidden}header,main,footer{max-width:1380px;margin:auto;padding-left:40px;padding-right:40px;position:relative}header{height:112px;display:flex;align-items:center;gap:40px}.brand{line-height:0;flex-shrink:0}.brand img{width:160px;height:60px;object-fit:contain}nav{display:flex;gap:28px;font-size:14px}nav a{opacity:.8}nav a:hover{opacity:1}.system{margin-right:auto;display:flex;gap:18px;align-items:center;white-space:nowrap;font-size:13px}.system #connection:before{content:"";display:inline-block;width:7px;height:7px;background:#ffdb46;border-radius:50%;margin-left:9px}.separator{width:1px;height:27px;background:#ffffff50}time{font-size:23px;font-weight:300;letter-spacing:1px}h1{text-align:center;font-size:38px;font-weight:400;margin:18px 0 26px}h2,p{margin:0}.device{display:flex;align-items:center;gap:20px;max-width:940px;margin:auto;padding:17px 24px;border:1px solid #ffffff45;background:#ffffff0b;border-radius:9px;box-shadow:0 12px 30px #00194d22}.device-icon{height:40px;width:40px;fill:none;stroke:currentColor;stroke-width:3;flex-shrink:0}.device-copy{flex:1;min-width:0}.device h2{font-size:17px;font-weight:500}.device p{font-size:11px;opacity:.75}.ghost{border:1px solid #ffffffa0;background:#ffffff08;color:#fff;padding:8px 16px;border-radius:5px;font-size:13px;white-space:nowrap}.ghost:hover{background:#ffffff20}form{border-right:1px solid #ffffff50;padding-right:20px;display:flex;align-items:center;gap:9px}form label{font-size:12px;opacity:.8}input{width:82px;background:#031f6150;color:#fff;border:1px solid #ffffff65;border-radius:4px;padding:6px 10px;font-size:16px}input::placeholder{color:#ffffff99}.carousel{display:flex;align-items:center;gap:14px;margin:27px -10px 0}.tiles{display:flex;gap:12px;flex:1;overflow-x:auto;overflow-y:hidden;padding:18px 6px 24px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;scroll-behavior:smooth}.tile{flex:0 0 calc((100% - 72px)/7);min-width:135px;height:169px;color:#fff;border:1px solid #ffffff60;background:linear-gradient(145deg,#ffffff14,#0053c525);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 7px 12px;position:relative;transition:transform .2s,background .2s,box-shadow .2s}.tile:hover{background:#ffffff20}.tile.active{border:3px solid white;background:linear-gradient(145deg,#1b78daaa,#10439788);transform:scale(1.04);box-shadow:0 0 0 1px #72d7ff,0 0 24px #35afff70}.tile.active:after{content:"";position:absolute;bottom:-12px;border:5px solid transparent;border-top-color:white}.tile svg{width:59px;height:59px;stroke:currentColor;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round;margin-bottom:19px}.tile strong{font:500 17px/1.4 "Segoe UI",Arial,sans-serif;direction:ltr;white-space:nowrap}.tile small{font-size:10px;opacity:.7;direction:ltr;display:block;min-height:16px}.tile .compatible{position:absolute;top:8px;left:9px;color:#ffda44;font-size:13px}.nav-arrow{width:35px;height:35px;border:1px solid #ffffff60;background:transparent;color:white;border-radius:50%;font:30px/1 Arial;padding:0;flex-shrink:0}.nav-arrow:hover{background:#ffffff20}.selected-info{text-align:center;min-height:183px}.selected-info h2{font-size:29px;font-weight:400;letter-spacing:.2px;line-height:1.5}.selected-info>p{font-size:13px;opacity:.8;margin:2px 0 14px;min-height:22px}.launch{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-width:280px;padding:10px 24px;border:2px solid #fff;border-radius:6px;font-size:21px;background:#ffffff0c;transition:background .2s}.launch:hover{background:#ffffff20}.launch[aria-disabled="true"]{opacity:.4;cursor:default}.selected-info #selection{font-size:11px;min-height:17px;margin-top:11px;opacity:.7}.cache{max-width:940px;margin:8px auto 20px;padding:16px 22px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff09;display:flex;align-items:center;gap:17px}.cache-icon{font-size:29px;width:34px;text-align:center}.cache>div{flex:1}.cache h2{font-size:15px;font-weight:500}.cache p{font-size:11px;opacity:.7}details{max-width:940px;margin:0 auto 18px;font-size:12px}summary{cursor:pointer;opacity:.8;width:fit-content;padding:5px 0}.help-content{padding:12px 18px;background:#001e5b60;border:1px solid #ffffff30;border-radius:5px;margin-top:8px;line-height:2}.help-content p+p{margin-top:5px}footer{min-height:70px;border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;opacity:.85}.contact{display:flex;gap:20px;align-items:center}.contact a{font-size:15px}.credits{font-size:10px}.credits a{border-bottom:1px solid #ffffff50}footer small{font-size:10px}.waves{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.waves i{position:absolute;width:150%;height:460px;left:-25%;top:-200px;border:1px solid #56bfff65;border-radius:50%;box-shadow:0 8px 26px #3db1ff55,inset 0 -6px 15px #39a9ff33;transform:rotate(-11deg)}.waves i:nth-child(2){top:40%;height:300px;transform:rotate(19deg);box-shadow:0 -10px 30px #3db1ff60,inset 0 14px 32px #39a9ff33}.waves i:nth-child(3){top:68%;transform:rotate(-18deg);opacity:.7}.waves>span{position:absolute;opacity:.11;color:#54beff;font-family:Arial}.waves>span:nth-of-type(1){top:16%;right:5%;font-size:80px;transform:rotate(-15deg)}.waves>span:nth-of-type(2){top:55%;left:2%;font-size:90px}.waves>span:nth-of-type(3){bottom:11%;left:15%;font-size:100px;transform:rotate(15deg)}.waves>span:nth-of-type(4){top:40%;right:2%;font-size:75px;transform:rotate(25deg)}@media(min-height:900px) and (min-width:900px){header{height:130px}h1{margin-top:30px;margin-bottom:35px}.carousel{margin-top:38px}.tile{height:185px}.selected-info{min-height:202px}.cache{margin-top:20px;margin-bottom:25px}}@media(max-width:1100px){header,main,footer{padding-right:25px;padding-left:25px}header{gap:24px}.tile{min-width:144px}.device{gap:14px}form label{display:none}.credits{max-width:200px;text-align:center}}@media(max-width:700px){header,main,footer{padding-right:18px;padding-left:18px}header{height:auto;min-height:90px;gap:15px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px}.brand img{width:130px;height:44px}.system{font-size:10px;gap:12px}.system time{font-size:19px}nav{width:100%;order:3;font-size:12px;justify-content:space-between;gap:15px}h1{font-size:28px;margin:18px 0 22px}.device{flex-wrap:wrap;padding:14px;gap:12px}.device-copy{flex:1}.device h2{font-size:14px}.device p{font-size:10px}.device-icon{width:30px;height:30px}.device>.ghost{font-size:11px;padding:7px 10px}form{padding:12px 0 0;width:100%;border-right:0;border-top:1px solid #ffffff30}form label{display:block}form input{flex:1;min-width:60px}.carousel{gap:6px;margin:15px -7px 0}.nav-arrow{width:27px;height:27px;font-size:24px}.tiles{gap:10px}.tile{min-width:141px;height:155px}.tile svg{width:49px;height:49px}.selected-info{min-height:175px}.selected-info h2{font-size:24px}.selected-info #selection{font-size:10px;line-height:1.7;min-height:32px}.launch{font-size:18px;min-width:230px}.cache{padding:13px;gap:10px;flex-wrap:wrap}.cache h2{font-size:13px}.cache p{font-size:10px}.cache>.ghost{width:100%;padding:7px}.cache-icon{font-size:25px;width:25px}footer{flex-direction:column;align-items:flex-start;padding-top:18px;padding-bottom:18px;gap:10px}.contact{flex-wrap:wrap;gap:10px;font-size:11px}.contact a{font-size:14px}.credits{max-width:none;text-align:right}}@media(prefers-reduced-motion:reduce){html,.tiles{scroll-behavior:auto}*{transition:none!important}}
body,button,input,.tile strong{font-family:"Raqmi SST","SST Arabic",Tahoma,Arial,sans-serif!important}h1{font-weight:300}.tile strong{font-size:19px}.credits{font-size:11px}.source-credit{font-size:11px;opacity:.75}.source-credit a{text-decoration:underline}
@media(min-width:900px){header{height:88px}h1{font-size:32px;line-height:1.5;margin:4px 0 18px}.device{padding:12px 22px}.carousel{margin-top:18px}.tiles{padding-top:14px;padding-bottom:18px}.tile{height:160px}.tile svg{width:53px;height:53px;margin-bottom:15px}.selected-info{min-height:164px}.selected-info h2{font-size:27px}.cache{margin-top:8px;margin-bottom:12px;padding:12px 22px}details{margin-bottom:14px}footer{min-height:60px}}