@font-face{font-family:'Creato Display';font-style:italic;font-weight:900;font-display:swap;src:url(fonts/creato-display-black-italic.woff2) format('woff2')}
@font-face{font-family:'Creato Display';font-style:italic;font-weight:800;font-display:swap;src:url(fonts/creato-display-extrabold-italic.woff2) format('woff2')}
:root{
  --storm:#1d1f24; --storm-2:#2a2d34; --storm-3:#353840; --volt:#ffe14d; --volt-deep:#f5c400;
  --page:#f6f5f1; --card:#fff; --line:#e6e4dc; --ink:#1d1f24; --mut:#6b6f78; --soft:#9ea2ab;
  --ok:#1f9d55; --bad:#b42318; --r:16px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Poppins,system-ui,sans-serif;background:var(--page);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.ar{font-family:"Noto Kufi Arabic",Poppins,sans-serif;direction:rtl;unicode-bidi:isolate}
.word{font-family:'Creato Display',Poppins,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.5px;position:relative;z-index:0}
.word::after{content:"";position:absolute;left:-2px;right:-4px;bottom:.12em;height:.38em;background:#2f6bff;transform:skewX(-18deg);z-index:-1}
.powered{text-align:center;font-size:11px;color:#a3a6ad;padding:14px 0 18px}
.powered i{font-family:'Creato Display',Poppins,sans-serif;font-weight:900}
.loading{display:grid;place-items:center;min-height:60vh;color:var(--mut);font-weight:600}
/* italic headers use the brand display face */
.display{font-family:'Creato Display',Poppins,sans-serif;font-style:italic;font-weight:800;letter-spacing:-.2px}