@import "https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap";:root{--bg:#0c0e12;--bg-card:#15171e;--bg-secondary:#1e2734;--bg-input:#1b1e27;--text:#e6e9f4;--text-muted:#e6e9f480;--text-dim:#e6e9f44d;--primary:#7650f1;--primary-hover:#582bee;--primary-glow:#7650f126;--accent-blue:#00bbfa;--accent-orange:#ffae6b;--border:#272935;--border-hover:#363949;--success:#3ddb92;--danger:#ef4343;--warning:#f59f0a;--gradient-primary:linear-gradient(135deg, #7f5af0, #00c6fb);--gradient-warm:linear-gradient(135deg, #ffb86b, #7f5af0);--gradient-cta:linear-gradient(135deg, #0373ff, #00c6fb);--gradient-card:linear-gradient(to top, #000000d9, transparent);--font-arabic:"Baloo Bhaijaan 2", "Cairo", "Tajawal", sans-serif;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--navbar-h:4rem;--max-w:1600px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 10px 25px #0006;--shadow-glow:0 0 20px var(--primary-glow);--shadow-cta:0 8px 25px #ff0d0040;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s;--t-normal:.2s;--t-slow:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-arabic);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;min-height:100vh;line-height:1.7;overflow-x:clip}a{color:inherit;transition:color var(--t-fast) var(--ease);text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{background:0 0;border:none;outline:none;font-family:inherit}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1rem}@media (width>=640px){.container{padding:0 1.5rem}}.btn{border-radius:var(--radius-xl);transition:all var(--t-normal) var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:0 4px 15px #007bff40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px #007bff59}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-secondary)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;padding:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--t-normal) var(--ease);overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border);align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-glow);color:var(--primary);border-color:#7650f14d}.badge-success{color:var(--success);background:#3ddb921a;border-color:#3ddb924d}.badge-free{color:var(--success);background:#3ddb9226;border-color:#0000}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text);transition:border-color var(--t-fast) var(--ease);padding:.75rem 1rem;font-size:.9375rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-dim)}.form-label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group{margin-bottom:1.25rem}.section{padding:3rem 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-title{color:var(--text);font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9375rem}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.w-full{width:100%}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:var(--radius-full)}.border-b{border-bottom:1px solid var(--border)}.mt-auto{margin-top:auto}