:root{--background:#ffffff;--text:#000000;--text-lighter:#474747;--accent:#6666cc;--hover:#ff6600;--gradient:linear-gradient(to right,var(--accent) 0%,var(--hover) 100%);--nav-height:90px;--max-width:2600px;--side-padding:38rem;--content-gap:4rem;--block-title-margin:1rem}body,html{max-width:100vw;min-width:400px;font-size:16px}body{color:var(--text-lighter);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;position:relative}html[lang=ar] body{font-family:Noto Sans Arabic,sans-serif}html[lang=ar] main{line-height:1.9}header{top:0;z-index:30;background-color:white;box-shadow:0 4px 20px rgba(0,0,0,.199);position:fixed;justify-content:center;min-width:400px}header,main{display:flex;width:100%}main{max-width:var(--max-width);min-height:calc(100vh - var(--nav-height));margin-top:var(--nav-height);padding:var(--content-gap) var(--side-padding);flex-direction:column;justify-content:space-between;line-height:1.7;text-align:justify}*{box-sizing:border-box;padding:0;margin:0}h1,h2,h3,h4,h5,h6{text-align:start}p:not(:first-child){margin-top:1rem}a{color:var(--text-lighter);text-decoration:none}a,button{transition:all .3s;cursor:pointer}button{border:none;background-color:transparent;padding:10px 16px;border-radius:5px;font-size:16px;color:var(--text)}button.primary{background-color:var(--accent);color:white}ol,ul{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}li{margin-block:1rem}h2{margin-bottom:var(--block-title-margin)}h4{font-size:1.2rem}h5{font-size:1.1rem}footer{width:100%;margin-top:calc(var(--content-gap) + 2rem)}table td{vertical-align:center}table td:first-child{-webkit-padding-end:30px;padding-inline-end:30px;width:min-content;text-wrap:wrap}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,var(--accent) 90%,#0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:l3 1s linear infinite}@keyframes l3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}@media (hover:hover) and (pointer:fine){a:hover{color:var(--text)}button:hover{background-color:var(--hover);color:white}}@media (max-width:2500px){:root{--side-padding:22vw}}@media (max-width:2200px){:root{--side-padding:20vw}}@media (max-width:1800px){:root{--side-padding:15vw}}@media (max-width:1440px){:root{--side-padding:12vw;--nav-height:70px}}@media (max-width:980px){:root{--side-padding:7vw}}@media (max-width:768px){:root{--side-padding:2rem;--content-gap:2rem}}