:root{--bg-color: #f3f6f9;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #059669;--accent-break: #3b82f6;--nav-bg: #ffffff;--border-color: #e2e8f0;--hero-bg: linear-gradient(135deg, #f3f6f9 0%, #e0e7ff 100%);--btn-text: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg-color: #0a192f;--card-bg: #112240;--text-primary: #ccd6f6;--text-secondary: #8892b0;--accent-color: #00ffa3;--accent-break: #a2b8df;--nav-bg: rgba(10, 25, 47, .85);--border-color: rgba(204, 214, 246, .1);--hero-bg: #0a192f;--btn-text: #0a192f;--shadow-sm: none;--shadow-md: 0 10px 30px -10px rgba(2, 12, 27, .7)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[dir=rtl] body{font-family:var(--font-ar)}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:1rem}.btn-primary{background-color:var(--accent-color);color:var(--btn-text);border-color:var(--accent-color);box-shadow:0 4px 14px #0000001a}.btn-primary:hover{transform:translateY(-2px);filter:brightness(110%);box-shadow:0 6px 20px #00000026}.btn-outline{background-color:transparent;border-color:var(--text-primary);color:var(--text-primary)}.btn-outline:hover{background-color:var(--text-primary);color:var(--bg-color)}.btn-pill{border-radius:50px;padding:8px 24px;font-size:.9rem}.btn-icon{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease}.btn-icon:hover{background-color:#8080801a;color:var(--accent-color)}.section{padding:80px 0}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}app-home .hero-section{background:var(--hero-bg)}.card{background-color:var(--card-bg);border-radius:8px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}