@charset "UTF-8";: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);--accent-rgb: 5, 150, 105;--font-main: "Poppins", "Segoe UI", Tahoma, sans-serif;--font-ar: "Cairo", "Segoe UI", Tahoma, sans-serif;--bg-primary: #f3f6f9;--text-muted: #94a3b8;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem}[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);--accent-rgb: 0, 255, 163;--bg-primary: #0a192f;--text-muted: #64748b}*{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}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:.5rem 1rem;background:var(--accent-color);color:var(--btn-text);font-weight:600;text-decoration:none}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[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)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--btn-text);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#dc3545;font-size:.85rem;display:block;margin-top:4px}.error-message:before{content:"\26a0";margin-inline-end:4px}[dir=rtl] .error-message{text-align:right}.char-count{font-size:.8rem;color:var(--text-secondary);text-align:end}.char-count.over{color:#ef4444}