/* Generated by tools/sync-design.mjs from the design's <helmet> styles. */
/* breakpoints: <1280 / 1280 / 1440 */
    :root{--container:1120px}
    @media (min-width:1280px){:root{--container:1200px}}
    @media (min-width:1440px){:root{--container:1312px}}
    @keyframes hubDrop{0%{top:-40%}100%{top:100%}}
    @keyframes hubRise{0%{top:100%}100%{top:-40%}}
    @media (prefers-reduced-motion:reduce){*{animation-duration:0s!important}}
    body{margin:0;background:#091233;font-family:"InterDisplay","IBM Plex Sans Arabic","Noto Sans Devanagari","Noto Nastaliq Urdu",system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;font-weight:400}
    h1,h2,h3,h4{font-weight:600}
    a{color:#4FDC85;text-decoration:none}a:hover{color:#8EE6AF}
    input,select,button{font:inherit}
    [data-bidi="mixed"] :is(h1,h2,h3,h4,p,li,td,th,dt,dd,div,blockquote,label){unicode-bidi:plaintext}
    @media (min-width:1100px){.nav-links{order:0 !important;flex:0 1 auto !important}}
    @keyframes hubFlow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
    @keyframes hubPulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}
    @keyframes posLine{0%,8%{transform:scaleX(0)}20%,82%{transform:scaleX(1)}94%,100%{transform:scaleX(0)}}
    @keyframes posGlow{0%,10%,100%{text-shadow:0 0 0 rgba(252,184,8,0)}22%{text-shadow:0 0 28px rgba(252,184,8,.55)}40%,80%{text-shadow:0 0 14px rgba(252,184,8,.25)}}
    @keyframes stepFlow{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}