.navbar{z-index:100;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-subtle);font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--clr-primary)}.nav-actions{align-items:center;gap:1.25rem;display:flex}.icon-btn{color:var(--text-main);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:.25rem;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:var(--bg-subtle)}.hero-section{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-bg-glow{background:radial-gradient(circle, var(--clr-primary-glow) 0%, transparent 70%);z-index:-1;width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.hero-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content{text-align:start;flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}[dir=rtl] .hero-content{text-align:start;align-items:flex-start}.badge-pill{border-radius:var(--radius-full);color:var(--clr-primary);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--clr-primary);width:8px;height:8px;box-shadow:0 0 10px var(--clr-primary);border-radius:50%}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-subtle);max-width:95%;font-size:1.2rem;line-height:1.7}.hero-cta-group{gap:1rem;margin-top:1rem;display:flex}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero-stats{border-top:1px solid var(--border-color);gap:3rem;width:100%;margin-top:2rem;padding-top:2rem;display:flex}.stat-item h4{color:var(--text-main);font-size:1.75rem;font-weight:800}.stat-item p{color:var(--text-subtle);margin-top:.25rem;font-size:.875rem}.hero-visual{width:100%;position:relative}.dashboard-preview{border-radius:var(--radius-xl);width:100%;height:400px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.dashboard-header{background:var(--bg-subtle);border-bottom:1px solid var(--border-color);align-items:center;height:40px;padding:0 1rem;display:flex}.window-controls{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-r{background:var(--clr-error)}.dot-y{background:var(--clr-warning)}.dot-g{background:var(--clr-success)}.dashboard-title{text-align:center;color:var(--text-subtle);flex:1;font-size:.875rem;font-weight:600}.dashboard-body{flex:1;display:flex}.sidebar{background:var(--bg-subtle);border-inline-end:1px solid var(--border-color);flex-direction:column;align-items:center;gap:1rem;width:60px;padding-top:1rem;display:flex}.nav-item{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-subtle);justify-content:center;align-items:center;display:flex}.nav-item.active{background:var(--clr-primary-glow);color:var(--clr-primary)}.main-area{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex}.chart-placeholder{background:var(--bg-subtle);border-radius:var(--radius-lg);align-items:flex-end;gap:1rem;height:150px;padding:1rem;display:flex}.chart-bar{background:linear-gradient(to top, var(--clr-primary), var(--clr-accent));opacity:.8;border-radius:4px 4px 0 0;flex:1}.h-1{height:40%}.h-2{height:60%}.h-3{height:30%}.h-4{height:80%}.h-5{height:50%}.cards-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mini-card{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.mini-title{color:var(--text-subtle);font-size:.875rem}.mini-val{margin-top:.5rem;font-size:1.5rem;font-weight:700}.floating-element{z-index:10;border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;display:flex;position:absolute}.el-1{bottom:-20px;left:-20px}[dir=rtl] .el-1{left:auto;right:-20px}.el-2{top:40px;right:-30px}[dir=rtl] .el-2{left:-30px;right:auto}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{text-align:start;flex-direction:column;align-items:flex-start;height:100%;padding:2.5rem 2rem;display:flex}[dir=rtl] .feature-card{text-align:start;align-items:flex-start}.feature-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-color);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.how-it-works-section{position:relative}.steps-timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:2.5rem;margin-top:3rem;display:grid;position:relative}.step-card{flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative}.step-badge{background:var(--clr-primary);border:4px solid var(--bg-main);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;left:20px}[dir=rtl] .step-badge{left:auto;right:20px}.step-num{color:#fff;font-size:.95rem;font-weight:800}.step-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));width:48px;height:48px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.step-info h3{margin-bottom:.5rem;font-size:1.25rem}.step-info p{color:var(--text-subtle);font-size:.9rem;line-height:1.6}.pricing-card{flex-direction:column;height:100%;padding:3rem 2rem;display:flex}.pricing-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding-bottom:1.5rem;display:flex}.plan-name{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:700}.price-tag{align-items:baseline;gap:.25rem;display:flex}.price{font-size:3rem;font-weight:800;line-height:1}.currency{font-size:1.25rem;font-weight:700}.period{color:var(--text-subtle);font-size:.95rem}.testimonial-card{padding:2.5rem}.loading-screen{min-height:100vh;color:var(--text-subtle);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.admin-login-wrapper{background:radial-gradient(circle at top left, var(--clr-primary-glow) 0%, transparent 60%)}@media (width<=992px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-content,[dir=rtl] .hero-content{text-align:center;align-items:center}.hero-cta-group{flex-wrap:wrap;justify-content:center}.hero-stats{justify-content:center}.nav-links{display:none}}@media (width<=576px){.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.stat-item{text-align:center}}:root{--clr-primary:#1e3b8b;--clr-primary-glow:#1e3b8b26;--clr-secondary:#e61a27;--clr-accent:#2563eb;--clr-success:#10b981;--clr-warning:#f59e0b;--clr-error:#ef4444;--bg-main:#f8fafc;--bg-subtle:#f1f5f9;--bg-glass:#fffc;--text-main:#0f172a;--text-subtle:#475569;--border-color:#1e3b8b1f;--shadow-sm:0 2px 4px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 30px #1e3b8b14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-ar:"Cairo", "Inter", sans-serif;--max-width:1200px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--clr-primary:#3b82f6;--clr-primary-glow:#3b82f640;--clr-secondary:#e61a27;--clr-accent:#60a5fa;--bg-main:#050814;--bg-subtle:#0d1124;--bg-glass:#0d1124bf;--text-main:#f1f5f9;--text-subtle:#94a3b8;--border-color:#3b82f626;--shadow-sm:0 4px 6px -1px #0006;--shadow-md:0 10px 15px -3px #00000080;--shadow-lg:0 20px 25px -5px #0009;--shadow-glow:0 0 35px #3b82f640}[data-theme=light]{--clr-primary:#1e3b8b;--clr-primary-glow:#1e3b8b26;--clr-secondary:#e61a27;--clr-accent:#2563eb;--bg-main:#f8fafc;--bg-subtle:#f1f5f9;--bg-glass:#fffc;--text-main:#0f172a;--text-subtle:#475569;--border-color:#1e3b8b1f;--shadow-sm:0 2px 4px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 30px #1e3b8b14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#1e3b8b0f 0,#0000 50%),radial-gradient(at 100% 0,#e61a270a 0,#0000 50%),radial-gradient(at 100% 100%,#1e3b8b0a 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s,background-image .3s;overflow-x:hidden}[data-theme=dark] body{background-image:radial-gradient(at 0 0,#1e3b8b26 0,#0000 50%),radial-gradient(at 100% 0,#e61a271a 0,#0000 50%),radial-gradient(#1e3b8b0f 0,#0000 50%),radial-gradient(at 100% 100%,#e61a2714 0,#0000 50%)}[dir=rtl] body{font-family:var(--font-ar)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-top-color:#ffffff26;border-left-color:#ffffff26}[data-theme=dark] .glass{border:1px solid var(--border-color);border-top-color:#ffffff14;border-left-color:#ffffff14}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-subtle{background:linear-gradient(135deg, var(--text-main), var(--text-subtle));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.btn{border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--clr-primary), var(--clr-accent));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #0ea5e999}.btn-secondary{background:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-2px)}.card{background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);padding:2rem}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--clr-primary-glow);transform:translateY(-5px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-glow{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 20px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.animate-pulse-glow{animation:2s infinite pulse-glow}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-subtle);font-size:.875rem;font-weight:500}.input-field{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);padding:.75rem 1rem;font-family:inherit}.input-field:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-glow);outline:none}