@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Tajawal:wght@400;500;700&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:var(--bg-primary);border-bottom:1px solid var(--border);transition:all var(--transition-normal)}.header-nav{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-6)}.header-logo{display:flex;align-items:center;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.8}.logo-img{height:36px;width:auto}.header-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link.active{color:var(--brand-600);background:var(--brand-50)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.lang-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.lang-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.lang-toggle svg{color:var(--brand-500)}.menu-toggle{display:none;padding:var(--space-2);background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.menu-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.mobile-menu-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-nav-link.active{background:var(--brand-50);color:var(--brand-600)}.mobile-cta{margin-top:var(--space-2);width:100%}@media(max-width:768px){.header-nav{height:56px;padding:0 var(--space-4)}.hide-mobile{display:none!important}.menu-toggle{display:flex;align-items:center;justify-content:center}}[dir=rtl] .header-logo{order:3!important}[dir=rtl] .header-links{order:2!important}[dir=rtl] .header-actions{order:1!important}[dir=rtl] .mobile-menu-content{text-align:right}[dir=rtl] .lang-toggle{flex-direction:row-reverse}.footer{background:var(--text-primary);color:#ffffffb3;padding-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:300px}.footer-logo-img{height:32px;width:auto;margin-bottom:var(--space-4);filter:brightness(0) invert(1)}.footer-description{font-size:var(--text-sm);color:#fff9;line-height:1.7;margin-bottom:var(--space-5)}.footer-social{display:flex;gap:var(--space-2)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:#ffffff0d;color:#fff9;transition:all var(--transition-normal)}.social-link:hover{background:var(--brand-600);color:#fff}.footer-column{display:flex;flex-direction:column}.footer-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:#fff;margin-bottom:var(--space-5)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:#fff9;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:#fff9}.footer-contact li svg{flex-shrink:0;color:var(--brand-400);margin-top:2px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0}.footer-copyright{font-size:var(--text-sm);color:#ffffff80;margin:0}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer-legal a:hover{color:#fff}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-brand{grid-column:span 2;max-width:none}}@media(max-width:768px){.footer{padding-top:var(--space-12)}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-brand{grid-column:span 1;text-align:center}.footer-social{justify-content:center}.footer-column{text-align:center}.footer-contact li{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}html[dir=rtl] .footer-contact li{flex-direction:row-reverse}html[dir=rtl] .footer-links{text-align:right}@media(max-width:768px){html[dir=rtl] .footer-links{text-align:center}}.chat-widget{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-modal)}.chat-fab{width:56px;height:56px;border-radius:50%;background:var(--brand-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;transition:all var(--transition-normal)}.chat-fab:hover{background:var(--brand-700);box-shadow:var(--shadow-xl)}.chat-fab.open{background:var(--text-tertiary);box-shadow:var(--shadow-md)}.chat-fab-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--error);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.chat-window{position:absolute;bottom:72px;right:0;width:360px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--brand-600);color:#fff}.chat-header-info{display:flex;align-items:center;gap:var(--space-3)}.chat-avatar{width:40px;height:40px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.chat-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm)}.chat-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);opacity:.9}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%}.chat-close{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.chat-close:hover{background:#fff3}.chat-body{padding:var(--space-4);min-height:200px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-secondary)}.chat-body::-webkit-scrollbar{width:4px}.chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.chat-message{display:flex}.chat-message.bot{justify-content:flex-start}.chat-message.user{justify-content:flex-end}.message-bubble{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.chat-message.bot .message-bubble{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);border-bottom-left-radius:var(--radius-sm)}.chat-message.user .message-bubble{background:var(--brand-600);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-input{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border-top:1px solid var(--border)}.chat-input input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.chat-input input::placeholder{color:var(--text-muted)}.chat-input input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.send-btn{width:44px;height:44px;background:var(--brand-600);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.send-btn:hover{background:var(--brand-700)}@media(max-width:480px){.chat-widget{bottom:var(--space-4);right:var(--space-4)}.chat-window{width:calc(100vw - 32px);right:-8px}.chat-fab{width:52px;height:52px}}html[dir=rtl] .chat-widget{right:auto;left:var(--space-6)}html[dir=rtl] .chat-window{right:auto;left:0}html[dir=rtl] .chat-message.bot .message-bubble{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}html[dir=rtl] .chat-message.user .message-bubble{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}@media(max-width:480px){html[dir=rtl] .chat-widget{left:var(--space-4)}html[dir=rtl] .chat-window{left:-8px}}.hero{min-height:100vh;padding-top:120px;padding-bottom:var(--space-20);display:flex;align-items:center;background:linear-gradient(180deg,var(--brand-50) 0%,var(--bg-primary) 50%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--brand-100);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--brand-700);margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,4.5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary)}.hero-title .text-highlight{color:var(--brand-600)}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8);max-width:480px}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-10)}.hero-features{display:flex;flex-wrap:wrap;gap:var(--space-6)}.hero-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.hero-feature svg{color:var(--success);flex-shrink:0}.hero-visual,.hero-mockup{position:relative}.mockup-browser{background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-xl)}.browser-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:var(--space-2)}.browser-dots span{width:12px;height:12px;border-radius:50%}.browser-dots span:nth-child(1){background:#ff5f57}.browser-dots span:nth-child(2){background:#febc2e}.browser-dots span:nth-child(3){background:#28c840}.browser-url{flex:1;padding:var(--space-2) var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.browser-content{display:flex;overflow:hidden}.mockup-sidebar{width:60px;background:var(--bg-secondary);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border-right:1px solid var(--border)}.sidebar-item{width:100%;height:36px;border-radius:var(--radius-lg);background:var(--bg-tertiary)}.sidebar-item.active{background:var(--brand-600)}.mockup-main{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-primary)}.mockup-header-bar{height:16px;background:var(--bg-secondary);border-radius:var(--radius-md);width:40%}.mockup-cards{display:flex;gap:var(--space-3)}.mockup-card{flex:1;height:80px;border-radius:var(--radius-xl)}.mockup-card.blue{background:var(--brand-500)}.mockup-card.green{background:var(--success)}.mockup-card.amber{background:var(--warning)}.mockup-chart{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl)}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-12)}.hero-content{text-align:center;max-width:100%;margin:0 auto}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-ctas,.hero-features{justify-content:center}.hero-visual{max-width:560px;margin:0 auto}}@media(max-width:768px){.hero{min-height:auto;padding-top:100px;padding-bottom:var(--space-12)}.hero-title{font-size:2rem}.hero-subtitle{font-size:var(--text-base)}.hero-ctas{flex-direction:column;align-items:stretch}.hero-features{flex-direction:column;align-items:center;gap:var(--space-3)}.browser-content{height:200px}.mockup-cards{flex-direction:column;gap:var(--space-2)}.mockup-card{height:40px}}html[dir=rtl] .hero .container{direction:rtl}html[dir=rtl] .hero-content{text-align:right}html[dir=rtl] .hero-ctas,html[dir=rtl] .hero-features{justify-content:flex-start}@media(max-width:1024px){html[dir=rtl] .hero-content{text-align:center}html[dir=rtl] .hero-ctas,html[dir=rtl] .hero-features{justify-content:center}}.stats{background:var(--bg-secondary);position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);text-align:center}.stat-item{padding:var(--space-8) var(--space-6);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.stat-item:hover{box-shadow:var(--shadow-lg)}.stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.stat-suffix{color:var(--brand-600)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-3xl)}.stat-item{padding:var(--space-6) var(--space-4)}}.features{background:var(--bg-primary)}.features-header{max-width:640px;margin:0 auto var(--space-12)}.features-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.features-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--bg-primary);border:1px solid var(--border);transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border)}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.icon-emerald{background:var(--success-light);color:#059669}.icon-amber{background:var(--warning-light);color:#d97706}.icon-purple{background:#f3e8ff;color:#9333ea}.icon-pink{background:#fce7f3;color:#db2777}.feature-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:var(--space-5)}.features-header{margin-bottom:var(--space-8)}}.live-tracking{background:var(--bg-secondary)}.live-tracking-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:center}.live-tracking-content{max-width:480px}.live-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--success-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:#059669;margin-bottom:var(--space-6)}.live-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.live-tracking h2{color:var(--text-primary);font-family:var(--font-heading);margin-bottom:var(--space-4)}.live-tracking-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.tracking-features{display:flex;flex-direction:column;gap:var(--space-3)}.tracking-feature{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.tracking-feature:hover{box-shadow:var(--shadow-md)}.tracking-icon{width:44px;height:44px;background:var(--brand-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tracking-icon svg{color:#fff}.tracking-text h4{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.tracking-text p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.live-tracking-visual{position:relative}.dashboard-mockup{background:var(--bg-primary);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.dashboard-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.live-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:#059669;background:var(--success-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.live-pulse{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse-dot 1.5s infinite}.dashboard-content{padding:0;overflow:hidden}.dashboard-preview-image{width:100%;height:auto;display:block;object-fit:cover}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.stat-box{padding:var(--space-4);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border)}.stat-box.blue{background:var(--brand-50)}.stat-box.green{background:var(--success-light)}.stat-box.amber{background:var(--warning-light)}.stat-number{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-dot.green{background:var(--success)}.activity-dot.blue{background:var(--brand-500)}.activity-dot.amber{background:var(--warning)}.activity-item span:first-of-type{flex:1}.activity-time{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:1024px){.live-tracking-grid{grid-template-columns:1fr;gap:var(--space-12)}.live-tracking-content{text-align:center;max-width:100%}}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}.activity-item{flex-wrap:wrap}.activity-time{width:100%;margin-left:20px;margin-top:var(--space-1)}}.app-download{background:var(--bg-secondary)}.app-download-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:center}.app-mockup{display:flex;justify-content:center}.phone-frame{width:280px;background:var(--bg-primary);border-radius:40px;padding:12px;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.phone-notch{width:120px;height:24px;background:var(--bg-tertiary);border-radius:0 0 16px 16px;margin:0 auto;position:relative;top:-1px}.phone-screen{background:var(--bg-secondary);border-radius:32px;overflow:hidden;border:1px solid var(--border)}.mobile-app-preview-image{width:100%;height:auto;display:block;object-fit:cover}.app-header-mock{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--brand-600);color:#fff;font-weight:600;font-size:var(--text-sm)}.app-logo{width:24px;height:24px;filter:brightness(0) invert(1)}.app-content-mock{padding:var(--space-4)}.app-card-mock{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-3)}.app-avatar{width:44px;height:44px;background:var(--brand-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.app-info{flex:1}.app-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.app-class{font-size:var(--text-xs);color:var(--text-tertiary)}.app-stats-mock{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.app-stat{text-align:center;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg)}.app-stat-value{display:block;font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--brand-600)}.app-stat-label{font-size:9px;color:var(--text-tertiary);text-transform:uppercase}.app-recent-mock{padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg)}.app-recent-title{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.app-grade{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border)}.app-grade:last-child{border-bottom:none}.grade-value{font-weight:600;color:var(--success)}.app-download-content{max-width:480px}.app-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--brand-50);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--brand-700);margin-bottom:var(--space-6)}.app-download-content h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.app-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.app-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.app-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.app-feature-item:before{content:"";width:6px;height:6px;background:var(--brand-500);border-radius:50%}.store-buttons{display:flex;gap:var(--space-4)}.store-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--text-primary);border:none;color:#fff;border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal)}.store-button:hover{background:var(--brand-600);color:#fff}.store-button svg{color:#fff}.store-text{display:flex;flex-direction:column}.store-label{font-size:9px;color:#ffffffb3;text-transform:uppercase}.store-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600}@media(max-width:1024px){.app-download-grid{grid-template-columns:1fr;gap:var(--space-12)}.app-mockup{order:-1}.app-download-content{text-align:center;max-width:100%}.app-features{justify-items:center}.store-buttons{justify-content:center}}@media(max-width:480px){.store-buttons{flex-direction:column}.store-button{justify-content:center}.app-features{grid-template-columns:1fr}.phone-frame{width:240px}}.how-it-works{background:var(--bg-primary)}.how-header{max-width:640px;margin:0 auto var(--space-12)}.how-header h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.how-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.7}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);position:relative}.steps-line{position:absolute;top:80px;left:20%;right:20%;height:2px;background:var(--border);z-index:0}.step-card{position:relative;z-index:1;text-align:center;padding:var(--space-8) var(--space-6);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.step-card:hover{box-shadow:var(--shadow-lg)}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--brand-600)}.step-icon{width:64px;height:64px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--brand-50);color:var(--brand-600)}.step-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}@media(max-width:1024px){.steps-container{grid-template-columns:1fr;gap:var(--space-6);max-width:480px;margin:0 auto}.steps-line{display:none}.step-card{padding:var(--space-6)}}.testimonials{background:var(--bg-secondary)}.testimonials-header{max-width:640px;margin:0 auto var(--space-12)}.testimonials-header h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.testimonials-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.7}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.testimonial-card{padding:var(--space-6);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.testimonial-card:hover{box-shadow:var(--shadow-lg)}.quote-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--brand-600);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-4)}.testimonial-quote{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-6);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.author-avatar{width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.author-role{font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.testimonial-card{padding:var(--space-5)}}.cta{background:var(--bg-primary)}.cta-content{text-align:center;padding:var(--space-16) var(--space-8);background:var(--brand-600);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.cta-background{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.15) 0%,transparent 50%)}.cta-blur-1,.cta-blur-2{display:none}.cta-title{position:relative;font-family:var(--font-heading);color:#fff;font-size:clamp(1.75rem,3.5vw,var(--text-3xl));margin-bottom:var(--space-4);z-index:1}.cta-subtitle{position:relative;color:#ffffffd9;font-size:var(--text-base);max-width:500px;margin:0 auto var(--space-8);line-height:1.7;z-index:1}.cta-actions{position:relative;display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);z-index:1}.cta-actions .btn-primary{background:#fff;color:var(--brand-600);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;box-shadow:var(--shadow-md)}.cta-actions .btn-primary:hover{background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.cta-demo{position:relative;color:#ffffffb3;font-size:var(--text-sm);margin:0;z-index:1}@media(max-width:768px){.cta-content{padding:var(--space-10) var(--space-6)}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn-primary{width:100%;max-width:280px}}.features-page{padding-top:80px;background:var(--bg-primary);min-height:100vh}.page-hero{padding:var(--space-20) 0;background:linear-gradient(180deg,var(--brand-50) 0%,var(--bg-primary) 100%)}.page-hero-content{position:relative;z-index:1}.page-hero-content h1{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-4)}.page-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.features-grid-page{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.feature-card-large{padding:var(--space-8);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feature-card-large:hover{box-shadow:var(--shadow-lg)}.feature-icon-large{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.feature-icon-large.blue{background:var(--brand-50);color:var(--brand-600)}.feature-icon-large.emerald{background:var(--success-light);color:#059669}.feature-icon-large.amber{background:var(--warning-light);color:#d97706}.feature-icon-large.purple{background:#f3e8ff;color:#9333ea}.feature-icon-large.pink{background:#fce7f3;color:#db2777}.feature-icon-large.cyan{background:#e0f2fe;color:#0284c7}.feature-card-large h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-3)}.feature-card-large p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.7}.bg-gray{background:var(--bg-secondary)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10)}.additional-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);max-width:800px;margin:0 auto}.additional-feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.additional-feature:hover{border-color:var(--brand-500);color:var(--brand-600);box-shadow:var(--shadow-sm)}.additional-feature svg{color:var(--brand-500)}@media(max-width:768px){.features-grid-page{grid-template-columns:1fr}.feature-card-large{padding:var(--space-6)}.feature-icon-large{width:56px;height:56px}.additional-features{flex-direction:column;align-items:stretch}.additional-feature{justify-content:center}}.pricing-page{padding-top:80px;background:var(--bg-primary);min-height:100vh}.pricing-hero{background:linear-gradient(180deg,var(--brand-50) 0%,var(--bg-primary) 100%)}.billing-toggle{display:inline-flex;align-items:center;gap:var(--space-4);margin-top:var(--space-8);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary)}.billing-toggle span.active{color:var(--text-primary)}.toggle-switch{position:relative;width:56px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.toggle-switch.annual{background:var(--brand-600);border-color:var(--brand-600)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-switch.annual .toggle-knob{transform:translate(28px)}.save-badge{display:inline-block;margin-left:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--success-light);color:#059669;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.pricing-section{background:var(--bg-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.pricing-card{position:relative;padding:var(--space-8);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all var(--transition-normal)}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-card.popular{border:2px solid var(--brand-600);box-shadow:var(--shadow-lg)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:var(--brand-600);color:#fff;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.pricing-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.icon-blue{background:var(--brand-50);color:var(--brand-600)}.icon-primary{background:var(--brand-600);color:#fff}.icon-navy{background:#e0f2fe;color:#0284c7}.pricing-name{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.pricing-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-6)}.pricing-price .currency{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-tertiary)}.pricing-price .amount{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);line-height:1}.pricing-price .period{font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.pricing-features li.included{color:var(--text-secondary)}.pricing-features li.excluded{color:var(--text-muted)}.pricing-features .icon-check{color:var(--success);flex-shrink:0}.pricing-features .icon-x{color:var(--text-muted);flex-shrink:0}.btn-block{width:100%}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.about-page{padding-top:80px;background:var(--bg-primary);min-height:100vh}.about-hero{background:linear-gradient(180deg,var(--brand-50) 0%,var(--bg-primary) 100%)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.about-card{padding:var(--space-8);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.about-card:hover{box-shadow:var(--shadow-lg)}.about-card-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.about-card-icon.mission{background:var(--brand-50);color:var(--brand-600)}.about-card-icon.vision{background:var(--success-light);color:#059669}.about-card h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-3)}.about-card p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0}.values-section{background:var(--bg-secondary)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.value-card{text-align:center;padding:var(--space-6);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.value-card:hover{box-shadow:var(--shadow-lg)}.value-icon{color:var(--brand-600);margin-bottom:var(--space-4)}.value-card h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.value-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.about-card{padding:var(--space-6)}.value-card{padding:var(--space-5)}}.contact-page{padding-top:80px;background:var(--bg-primary);min-height:100vh}.contact-hero{background:linear-gradient(180deg,var(--brand-50) 0%,var(--bg-primary) 100%)}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-10);align-items:start}.contact-form-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;margin-top:var(--space-2)}.contact-info{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.contact-info h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-5)}.info-items{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.info-item{display:flex;align-items:flex-start;gap:var(--space-3)}.info-icon{width:44px;height:44px;background:var(--brand-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-600)}.info-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:2px}.info-value{font-weight:500;color:var(--text-primary)}.map-placeholder{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary)}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}.contact-info{order:-1}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.contact-form-card{padding:var(--space-6)}.contact-info{padding:var(--space-5)}}.legal-page{min-height:100vh}.legal-icon{width:80px;height:80px;margin:0 auto var(--space-6);background:var(--brand-100);color:var(--brand-600);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.legal-date{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.legal-content{max-width:800px;margin:0 auto}.legal-section{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.legal-section:last-child{border-bottom:none}.legal-section h2{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.legal-section h2 svg{color:var(--brand-500);flex-shrink:0}.legal-section p{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-4)}.legal-section p:last-child{margin-bottom:0}.legal-list{list-style:none;padding:0;margin:var(--space-4) 0}.legal-list li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.legal-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--brand-500);border-radius:50%}.legal-list.warning li:before{background:var(--warning)}.legal-cards{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.legal-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.legal-card h4{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.legal-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.contact-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border)}.contact-info-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.contact-info-box p{margin-bottom:var(--space-2);font-size:var(--text-sm)}.contact-info-box p:last-child{margin-bottom:0}.contact-info-box strong{color:var(--text-primary)}@media(max-width:768px){.legal-icon{width:64px;height:64px}.legal-icon svg{width:32px;height:32px}.legal-section h2{font-size:var(--text-lg)}.legal-section h2 svg{width:20px;height:20px}.legal-list li{padding-left:var(--space-5)}}html[dir=rtl] .legal-list li{padding-left:0;padding-right:var(--space-6)}html[dir=rtl] .legal-list li:before{left:auto;right:0}html[dir=rtl] .legal-section h2{flex-direction:row-reverse}@media(max-width:768px){html[dir=rtl] .legal-list li{padding-right:var(--space-5)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-300: #93c5fd;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--brand-900: #1e3a8a;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--success: #22c55e;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--border: #e2e8f0;--border-light: #f1f5f9;--input-border: #cbd5e1;--ring: #3b82f6;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--font-arabic: "Tajawal", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);background-color:var(--bg-primary);overflow-x:hidden}html[dir=rtl]{text-align:right}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] h5,html[dir=rtl] h6{font-family:var(--font-arabic)}::selection{background:var(--brand-100);color:var(--brand-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,var(--text-5xl));font-weight:700}h2{font-size:clamp(1.75rem,4vw,var(--text-4xl));font-weight:600}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.7}a{color:var(--brand-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-700)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0;position:relative}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-600)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-700);box-shadow:var(--shadow-md);color:#fff}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-lg)}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border)}.card-elevated{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700)}.badge-success{background:var(--success-light);color:#15803d}.badge-warning{background:var(--warning-light);color:#b45309}.badge-error{background:var(--error-light);color:#dc2626}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.input::placeholder{color:var(--text-muted)}.bg-white{background-color:var(--bg-primary)}.bg-light{background-color:var(--bg-secondary)}.bg-muted{background-color:var(--bg-tertiary)}.bg-gradient-subtle{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.bg-gradient-brand{background:linear-gradient(135deg,var(--brand-50) 0%,var(--bg-primary) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}@media(max-width:1024px){.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:var(--space-12) 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media(max-width:480px){.container{padding:0 var(--space-4)}.btn:not(.btn-sm):not(.btn-icon){width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}html[dir=rtl] .btn svg{transform:scaleX(-1)}html[dir=rtl] .flex{direction:rtl}html[dir=rtl] .header-nav,html[dir=rtl] .header-actions{flex-direction:row-reverse}