:root{font-family:Tajawal,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#000000de;background-color:#f5f7fa;font-display:swap;--primary-color: #667eea;--secondary-color: #764ba2}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;direction:rtl;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;max-width:100%;margin:0;padding:0;text-align:right}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation:fadeIn .5s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slideInRight{animation:slideInRight .5s ease-out forwards}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 8px 25px #667eea4d;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.scroll-to-top:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #667eea66}.scroll-to-top:active{transform:translateY(-1px) scale(.98)}.scroll-to-top.visible{opacity:1;visibility:visible;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#121212}}