@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#2d2a26;background:#fff8f0;font-family:Inter,system-ui,sans-serif}[dir=rtl] body,[dir=rtl] input,[dir=rtl] button,[dir=rtl] textarea,[dir=rtl] select{font-family:Noto Naskh Arabic,serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}