:root{--sfq-accent:#5b4bf7;--sfq-bg:#fff;--sfq-fg:#111;--sfq-fg-2:#6e6e73;--sfq-fg-3:#86868b;--sfq-card:#f5f5f7;--sfq-border:#0000000f;--sfq-green:#1f9d5c;--sfq-red:#c0392b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--sfq-bg);color:var(--sfq-fg);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Arabic,IBM Plex Sans,sans-serif;overflow-x:hidden}::selection{background:#5b4bf72e}a{color:inherit;text-decoration:none}a:hover{color:var(--sfq-accent)}input::placeholder{color:#b7b7bd}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000024;border:3px solid #fff;border-radius:999px}@keyframes sfqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes sfqFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(14px)}}@keyframes sfqParticle{0%{opacity:0;transform:translateY(0)translate(0)}20%{opacity:1}to{opacity:0;transform:translateY(-120px)translate(30px)}}@keyframes sfqMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sfqSpin{to{transform:rotate(360deg)}}@keyframes sfqPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes sfqBlink{0%,to{opacity:1}50%{opacity:.2}}@keyframes sfqPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sfqUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sfqBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}}@keyframes sfqGlowPulse{0%,to{opacity:.82}50%{opacity:1}}#sfq-blob{transition:width .5s cubic-bezier(.2,.7,.2,1),height .5s cubic-bezier(.2,.7,.2,1),border-radius .5s cubic-bezier(.2,.7,.2,1),background .45s,filter .45s,opacity .4s}#sfq-blob.sfq-blob--attached{animation:2.6s ease-in-out infinite sfqGlowPulse}@media (prefers-reduced-motion:reduce){#sfq-blob{transition:opacity .4s}#sfq-blob.sfq-blob--attached{animation:none}}.sr{opacity:0;transition:opacity .9s cubic-bezier(.2, .7, .2, 1) var(--d,0s), transform .9s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(24px)}.sr.sr-in{opacity:1;transform:none}.sfq-feat{opacity:0;transform:translateY(20px)}.sfq-feat.sr-in{opacity:1;transform:translateY(0)}html[lang=en] body{font-family:IBM Plex Sans,IBM Plex Sans Arabic,sans-serif}.sfq-input:focus,#sub-wrap:focus-within{box-shadow:0 0 0 2px var(--sfq-accent,#5b4bf7);background:#fff}
