*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #0A0A0A;--accent: #FF5C00;--accent-light: #FF7A2E;--bg: #FAFAF8;--surface: #FFFFFF;--border: #E8E8E4;--text-primary: #0A0A0A;--text-secondary: #6B6B6B;--text-hint: #A8A8A8;--success: #00C27C;--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--font-arabic: "Noto Kufi Arabic", sans-serif;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 32px rgba(0,0,0,.08);--shadow-lg: 0 16px 64px rgba(0,0,0,.12)}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body.rtl{direction:rtl;font-family:var(--font-arabic)}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRtl{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fadeUp{animation:fadeUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-slideIn{animation:slideIn .45s cubic-bezier(.16,1,.3,1) forwards}.animate-slideInRtl{animation:slideInRtl .45s cubic-bezier(.16,1,.3,1) forwards}