@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--color-primary:#2b2d5e;--color-cta:#16a085;--color-cta-light:#1dd1a1;--color-cta-dark:#138871;--color-background-site:#f4f4f9;--color-background-card:#fff;--color-text-dark:#003;--color-text-light:#6c757d;--color-text-white:#fff;--color-accent-1:#ff6b7a;--color-accent-2:#8a6bff;--color-accent-3:#1dd1a1;--color-accent-4:#f06292;--color-accent-5:#4db6ac;--color-accent-6:#ffa726;--color-success:#1dd1a1;--color-error:#ff6b7a;--color-warning:#ffa726;--color-info:#8a6bff;--font-primary:"Tajawal","Inter","Roboto",-apple-system,sans-serif;--font-arabic:"Tajawal","Inter","Roboto",-apple-system,sans-serif;--font-mono:"Fira Code","Consolas","Monaco","Courier New",monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-h1:3rem;--font-size-h2:2rem;--font-size-h3:1.4rem;--font-size-body:1.1rem;--font-size-small:.9rem;--line-height-heading:1.3;--line-height-body:1.7;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 15px rgba(0,0,0,.1);--shadow-lg:0 15px 30px rgba(0,0,0,.15);--shadow-hover:0 20px 40px rgba(0,0,0,.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--z-index-base:1;--z-index-dropdown:100;--z-index-sticky:200;--z-index-modal:300;--z-index-tooltip:400;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--max-width-container:1200px;--max-width-content:800px;--header-height:70px}@media(max-width:768px){:root{--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.2rem;--font-size-body:1rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background-site);color:var(--color-text-dark);direction:rtl;font-family:var(--font-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-x:hidden;text-align:right}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}a{color:var(--color-cta);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}b,strong{font-weight:var(--font-weight-bold)}ol,ul{margin-bottom:var(--spacing-md);padding-right:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;font-family:var(--font-primary);outline:none}.btn,button{cursor:pointer}.btn{border-radius:var(--radius-md);display:inline-block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-cta);box-shadow:var(--shadow-sm);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-cta-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-secondary:hover{background-color:#1f2149;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--color-cta);color:var(--color-cta)}.btn-outline:hover{background-color:var(--color-cta);color:var(--color-text-white)}.container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-md)}.content-wrapper{margin:0 auto;max-width:var(--max-width-content)}.section{padding:var(--spacing-2xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.card{background-color:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.progress-bar{background-color:#e0e0e0;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--color-cta),var(--color-accent-2));height:100%;transition:width var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-slow) var(--ease-smooth)}.pulse{animation:pulse 2s infinite var(--ease-smooth)}.slide-in-right{animation:slideInRight var(--transition-normal) var(--ease-smooth)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-cta{color:var(--color-cta)}.text-light{color:var(--color-text-light)}.bg-primary{background-color:var(--color-primary)}.bg-cta{background-color:var(--color-cta)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background-site)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cta)}::-moz-selection{background-color:var(--color-cta);color:var(--color-text-white)}::selection{background-color:var(--color-cta);color:var(--color-text-white)}:focus-visible{outline:3px solid var(--color-cta);outline-offset:2px}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(29,209,161,.2);border-radius:50%;border-top:3px solid var(--color-cta);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}}.skip-to-content{background-color:var(--color-cta);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#fff;font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:0;text-decoration:none;top:-100px;transition:top var(--transition-fast);z-index:9999}.skip-to-content:focus{outline:3px solid var(--color-primary);outline-offset:2px;top:0}.header{background-color:var(--color-background-card);box-shadow:var(--shadow-md);height:var(--header-height);left:0;position:sticky;right:0;top:0;z-index:var(--z-index-sticky)}.header,.nav{align-items:center;display:flex}.nav{flex-direction:row-reverse;gap:var(--spacing-md);justify-content:space-between;width:100%}.logo{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-weight:var(--font-weight-extrabold);height:100%;order:1;text-decoration:none;transition:opacity var(--transition-fast)}.logo:hover{opacity:.85}.logo-image{display:block;height:40px;max-width:180px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.logo-text{color:var(--color-primary)}.nav-links{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--spacing-lg);list-style:none;margin:0;order:2;padding:0}.nav-links li{margin:0}.nav-links a{border-radius:var(--radius-sm);color:var(--color-text-dark);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-links a:hover{background-color:#1dd1a11a;color:var(--color-cta)}.nav-links a.active{color:var(--color-cta);font-weight:var(--font-weight-bold)}.nav-links a.active:after{background-color:var(--color-cta);border-radius:var(--radius-full);bottom:-5px;content:"";height:3px;left:0;position:absolute;right:0}.hamburger{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:22px;justify-content:space-between;order:3;padding:0;width:28px;z-index:var(--z-index-sticky)}.hamburger span{background-color:var(--color-primary);border-radius:var(--radius-full);height:3px;transform-origin:center;transition:all var(--transition-fast);width:100%}.hamburger span.open:first-child{transform:rotate(45deg) translateY(10px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.mobile-menu{animation:slideInFromRight .3s var(--ease-smooth);background-color:var(--color-background-card);box-shadow:-4px 0 24px #00000026;height:calc(100vh - var(--header-height));left:auto;max-width:320px;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:var(--header-height);width:80%;z-index:var(--z-index-dropdown)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.mobile-menu:before{background-color:#00000080;content:"";height:calc(100vh - var(--header-height));position:fixed;right:100%;top:var(--header-height);width:100vw;z-index:-1}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.mobile-nav-links li{margin:0}.mobile-nav-links a{border-radius:var(--radius-sm);color:var(--color-text-dark);display:block;font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-align:right;text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-links a:hover{background-color:#1dd1a11a;color:var(--color-cta)}@media(max-width:768px){.logo-image{height:32px;max-width:140px}.profile-name{display:none}.profile-button{padding:.5rem}.nav{gap:var(--spacing-sm)}.mobile-menu{width:85%}}@media(max-width:480px){.logo-image{height:28px;max-width:120px}}@media(min-width:769px){.mobile-menu{display:none!important}}.auth-section{align-items:center;display:flex;gap:var(--spacing-md);order:3}.auth-loading{color:var(--color-text-light);padding:.5rem 1rem}.user-profile{position:relative}.profile-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:row-reverse;font-family:inherit;gap:var(--spacing-sm);padding:.5rem 1rem;transition:all var(--transition-fast)}.profile-button:hover{border-color:var(--color-cta);box-shadow:0 2px 8px #1dd1a133}.profile-avatar{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.profile-name{color:var(--color-text-dark);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--color-text-light);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.profile-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;left:auto;min-width:220px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-dark);cursor:pointer;display:flex;flex-direction:row-reverse;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:.75rem;padding:.75rem 1rem;text-align:right;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.dropdown-item svg{margin-left:auto}.dropdown-item:hover{background-color:#1dd1a11a}.dropdown-item svg{color:var(--color-text-light);flex-shrink:0}.dropdown-item.logout{color:#e74c3c}.dropdown-item.logout:hover{background-color:#e74c3c1a}.dropdown-divider{background-color:#e0e0e0;height:1px;margin:.5rem 0}.mobile-user-info{align-items:center;background:#1dd1a11a;border-radius:var(--radius-md);display:flex;flex-direction:row-reverse;gap:var(--spacing-sm);margin-bottom:.5rem;padding:1rem}.mobile-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.mobile-user-info span{font-weight:var(--font-weight-semibold)}.mobile-menu-link,.mobile-user-info span{color:var(--color-text-dark);text-align:right}.mobile-menu-link{border-radius:var(--radius-sm);display:block;font-weight:var(--font-weight-medium);margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:background-color var(--transition-fast)}.mobile-menu-link:hover{background-color:#1dd1a11a}@media(max-width:768px){.profile-name{display:none}.profile-button{padding:.5rem}}.footer{background-color:var(--color-primary);color:var(--color-text-white);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{color:var(--color-text-white);font-size:1.2rem;margin-bottom:var(--spacing-md)}.footer-logo{font-size:1.5rem;font-weight:var(--font-weight-extrabold)}.footer-logo,.footer-tagline{margin-bottom:var(--spacing-sm)}.footer-tagline{color:#ffffffe6;font-size:var(--font-size-body)}.footer-vision{color:var(--color-cta);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:#fffc;font-size:var(--font-size-small);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-cta)}.social-stats{gap:var(--spacing-sm)}.social-stats,.stat{display:flex;flex-direction:column}.stat{align-items:flex-start}.stat-number{color:var(--color-cta);font-size:1.8rem;font-weight:var(--font-weight-extrabold);line-height:1}.stat-label{color:#ffffffb3;font-size:var(--font-size-small);margin-top:var(--spacing-xs)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.2);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{color:#ffffffb3;font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.footer-inspired{font-style:italic}.inspired-link{color:var(--color-cta);text-decoration:underline;transition:color var(--transition-fast)}.inspired-link:hover{color:#18b388}@media(max-width:768px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.social-stats{flex-direction:row;justify-content:space-between}.stat{align-items:center}}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-container{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:3rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-icon{animation:bounce 1s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title{color:var(--color-text-primary,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{color:var(--color-text-secondary,#666);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.error-details{background:#fafafa;border:2px solid #f0f0f0;border-radius:8px;margin:2rem 0;padding:1rem;text-align:right}.error-details-toggle{color:#667eea;cursor:pointer;font-weight:600;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-details-toggle:hover{color:#764ba2}.error-details-content{margin-top:1rem;text-align:left}.error-details-content h3{color:#333;font-size:1rem;margin-bottom:.5rem;margin-top:1rem}.error-stack{background:#2d2d2d;border-radius:4px;color:#f8f8f2;direction:ltr;font-size:.875rem;overflow-x:auto;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:1.25rem}.error-tips{background:#f8f9ff;border-radius:8px;padding:1.5rem;text-align:right}.error-tips h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.error-tips ul{list-style:none;margin:0;padding:0}.error-tips li{color:#666;padding:.5rem 1.5rem .5rem 0;position:relative}.error-tips li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;position:absolute;right:0}@media(max-width:768px){.error-container{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}}.ai-error-fallback{align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;direction:rtl;display:flex;gap:.75rem;margin:1rem 0;padding:1rem 1.25rem}.ai-error-fallback__icon{font-size:1.5rem;line-height:1}.ai-error-fallback__body{flex:1}.ai-error-fallback__title{color:#9a3412;font-weight:600;margin:0 0 .25rem}.ai-error-fallback__hint{color:#78350f;font-size:.9rem;margin:0 0 .5rem}.ai-error-fallback__retry{background:#ea580c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.45rem .9rem}.ai-error-fallback__retry:hover{background:#c2410c}.spinner{align-items:center;direction:rtl;display:flex;flex-direction:column;gap:1rem;justify-content:center}.spinner__ring{animation:spinner-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.spinner__label{color:#667eea;font-size:1rem;font-weight:600;margin:0}.spinner--page{min-height:60vh}.spinner--page .spinner__ring{height:60px;width:60px}.spinner--page .spinner__label{color:#666;font-size:1.125rem;font-weight:500}.spinner--panel{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin:2rem 0;padding:3rem}.spinner--inline{flex-direction:row;padding:.5rem}.spinner--inline .spinner__ring{border-width:2px;height:20px;width:20px}.spinner--inline .spinner__label{font-size:.875rem}@keyframes spinner-spin{to{transform:rotate(1turn)}}