:root{--color-primary: #FF5800;--color-primary-light: #FF7A33;--color-primary-lighter: #FF9D66;--color-primary-lightest: #FFDBC4;--color-primary-bg: #FFF5ED;--color-primary-dark: #CC4600;--color-primary-darker: #993400;--color-glass: rgba(255, 255, 255, .62);--color-glass-border: rgba(255, 255, 255, .45);--color-glass-strong: rgba(255, 255, 255, .82);--color-text-dark: #2D1400;--color-text-mid: #7A4A20;--color-text-light: #B8885C;--shadow-sm: 0 1px 2px rgba(180, 90, 20, .05);--shadow-md: 0 4px 12px rgba(180, 90, 20, .08);--shadow-lg: 0 8px 30px rgba(180, 90, 20, .12);--shadow-deep: 0 12px 40px rgba(140, 60, 0, .16);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .3s cubic-bezier(.22, 1, .36, 1);--transition-slow: .6s cubic-bezier(.22, 1, .36, 1);--font-family: "Cairo", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text-dark);background:linear-gradient(165deg,#fff5ed,#ffebdb,#ffe4d0);min-height:100vh;overflow-x:hidden;direction:rtl}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-primary-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}