@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700&family=Tajawal:wght@300;400;700&display=swap";::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0e0e11}::-webkit-scrollbar-thumb{background:#ffffff1a;border:2px solid #0e0e11;border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:#ffffff1a #0e0e11}:root{--bg-color:#0e0e11;--primary:#27aee4;--primary-hover:#1e8bb8;--secondary:#1d8cb9;--text-light:#fff;--text-muted:#a0a0a0;--glass-bg:#ffffff08;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-muted);font-family:League Spartan,sans-serif;line-height:1.6;transition:all .3s;overflow-x:hidden}body.ar-lang{font-family:IBM Plex Sans Arabic,sans-serif}body.ar-lang .feature-icon{justify-content:flex-start}h1,h2,h3,h4{color:var(--text-light);font-weight:700}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--primary)}.ar-text,body.ar-lang .en-text{display:none}body.ar-lang .ar-text{display:inline-block}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-5px);box-shadow:0 0 15px #27aee466}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:#27aee41a;transform:translateY(-5px)}.btn:disabled{cursor:not-allowed;opacity:.6;border:none;color:#888!important;box-shadow:none!important;background-color:#4a4a4a!important;transform:none!important}.btn-whatsapp{color:#fff;background-color:#25d366;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 28px;font-family:inherit;font-weight:600;transition:all .3s;display:flex}.btn-whatsapp:hover{background-color:#128c7e;transform:translateY(-5px);box-shadow:0 0 15px #25d36666}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--glass-border);width:100%;padding-top:env(safe-area-inset-top);background:#0e0e11e6;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.nav-links{gap:30px;display:flex}.lang-switch{cursor:pointer;gap:10px;display:flex}.hamburger{cursor:pointer;color:var(--text-light);font-size:24px;display:none}.hero{text-align:center;max-width:900px;margin:0 auto;padding:180px 40px 120px}.hero h1{background:linear-gradient(90deg, #fff, var(--primary));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:4rem}.hero p{max-width:600px;margin:0 auto 40px;font-size:1.2rem}.hero-btns{justify-content:center;gap:40px;display:flex}.hero-btns .btn{padding:8px 40px;font-size:1.2rem}.products-stacked,.preview-container.glass-card,.inquiry-container,.contact-wrap{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;height:100%;padding:40px;transition:transform .3s,box-shadow .3s;display:flex}.glass-card:hover{border-color:#27aee44d;transform:translateY(-5px)}.products-grid,.features-grid{align-items:stretch;gap:30px;padding:10px 0;display:grid}.products-stacked{flex-direction:column;gap:60px;padding:10px 0;display:flex}.product-showcase{text-align:center;flex-direction:column;align-items:center;padding:30px;display:flex}.product-img{border:1px solid var(--glass-border);object-fit:cover;border-radius:8px;width:100%;max-width:100%;height:auto;margin-bottom:30px;box-shadow:0 10px 30px #0000004d}.products-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-icon{color:var(--primary);justify-content:flex-start;margin-bottom:15px;font-size:2rem;display:flex}.svg-icon{width:40px;height:40px;display:block}.tab-btn{border:1px solid var(--glass-border);color:var(--text-light);cursor:pointer;background:#ffffff0d;border-radius:25px;padding:8px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 15px #27aee44d}.preview-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:40px 24px;display:flex}.preview-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;display:flex}.preview-window{aspect-ratio:9/19.5;background:#fff;border:none;border-radius:25px;width:100%;max-width:375px;margin-bottom:25px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}#previewFrame{width:375px;height:812px;transform:translate(-50%, 0) scale(var(--preview-scale,1));transform-origin:top;border:none;position:absolute;top:0;left:50%}.preview-footer{justify-content:center;width:100%;display:flex}.contact-wrap{grid-template-columns:1fr 1fr;gap:50px;padding:10px 0;display:grid}.form-group{margin-bottom:20px}.form-control{border:1px solid var(--glass-border);width:100%;color:var(--text-light);background:#0000004d;border-radius:8px;padding:15px;font-family:inherit}.form-control:focus{border-color:var(--primary);outline:none}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem}.modal{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--glass-border);border-radius:16px;width:90%;max-width:500px;padding:40px;position:relative}.close-btn{cursor:pointer;color:var(--text-muted);font-size:24px;position:absolute;top:15px;right:20px}.inquiry-container{max-width:700px;margin:0 auto}.pricing-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}@media (width<=768px){.container{padding:0 20px}.section{padding-top:40px!important;padding-bottom:40px!important}.section-header{margin-bottom:30px!important}.hero{padding:180px 0 120px}#home h1{line-height:1.2;font-size:2.2rem!important}.hero-btns{gap:20px!important}.hero-btns .btn{padding:7px 20px;font-size:1rem}.nav-links{background:var(--bg-color);text-align:center;flex-direction:column;width:100%;padding:20px;display:none;position:absolute;top:80px;left:0}.nav-links.active{display:flex}.hamburger{display:block}.products-grid,.contact-wrap{grid-template-columns:1fr}.products-stacked{gap:30px!important}.product-showcase{padding:20px}.glass-card{padding:25px}.preview-window{max-width:290px;margin:0 auto 25px}.preview-container{padding:20px}}.card-container{background-color:var(--bg-color);border-radius:18px;flex-direction:column;width:100%;max-width:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #27aee41a}.card-container[dir=rtl]{font-family:Tajawal,sans-serif!important}.card-container[dir=rtl] .name-header{font-size:22px}.card-container[dir=rtl] .contact-value,.card-container[dir=rtl] .contact-label{font-size:14px}.card-container[dir=rtl] .btn-save{font-family:Tajawal,sans-serif!important;font-weight:700!important}.brand-header{text-align:center;border-bottom:1px solid #27aee433;padding:1px 20px;position:relative}.brand-header:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#27aee40d 0%,#0000 70%);position:absolute;inset:0}.logo-b{background-color:#0000;justify-content:center;align-items:center;width:300px;height:150px;margin:20px auto;display:flex}.logo-b img{object-fit:contain;width:100%;height:100%;padding:10px}.profile-section{text-align:center;padding:1px 30px 30px}.contact-list{flex-direction:column;gap:10px;width:100%;margin-top:20px;padding-bottom:18px;list-style:none;display:flex}.contact-item{color:var(--text-light);background:#0003;border:1px solid #27aee426;border-radius:12px;align-items:center;gap:15px;padding:16px 20px;text-decoration:none;transition:all .3s;display:flex}.contact-item:hover{color:var(--primary);background:#27aee41a;border-color:#27aee44d;transform:translateY(-2px)}.contact-icon{width:40px;height:40px;color:var(--primary);border-radius:20%;justify-content:center;align-items:center;margin-right:15px;display:flex}.contact-icon svg{fill:currentColor;width:30px;height:30px}.contact-text-wrap{flex-direction:column;align-items:flex-start;display:flex}.contact-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:3px;font-size:10px}.contact-value{text-transform:capitalize;letter-spacing:.5px;unicode-bidi:embed;margin-top:3px;font-size:12px;font-weight:500;display:inline-block;direction:ltr!important}.btn-save{color:#111;text-align:center;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#fff 0%,#27aee4 40% 100%);border:none;border-radius:12px;width:100%;padding:18px;font-family:League Spartan,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:block;box-shadow:0 10px 30px #0000004d}.btn-save:hover{filter:brightness(1.1);transform:translateY(-2px)}body.theme-blackfrog{background-color:#24467f}.theme-blackfrog.card-container{background-color:#2d579e;box-shadow:0 25px 50px #00000080,inset 0 0 0 1px #f3c92e33}.theme-blackfrog .brand-header{border-bottom:1px solid #f3c92e33}.theme-blackfrog .brand-header:before{background:radial-gradient(circle at top,#f3c92e26 0%,#0000 70%)}.theme-blackfrog .contact-item{background:#0003;border:1px solid #ffffff08}.theme-blackfrog .contact-item:hover{background:#f3c92e1a;border-color:#f3c92e4d}.theme-blackfrog .contact-icon{color:#f3c92e}.theme-blackfrog .profile-name{letter-spacing:2px;color:#f0f0f0;text-transform:capitalize;margin-bottom:8px;font-family:Playfair Display,serif;font-size:26px;font-weight:600}.theme-blackfrog .btn-save{color:#111;background:#f3c92e;font-family:Montserrat,sans-serif}.theme-basic-black{--gold-primary:#d4af37;--gold-gradient:linear-gradient(135deg, #d4af37 0%, #f7ef8a 50%, #d4af37 100%)}body.theme-basic-black{color:#fff;background-color:#050505;justify-content:center;margin:0;padding:0;font-family:League Spartan,sans-serif;display:flex}.theme-basic-black.card-container{width:100%;max-width:400px;padding:15px 20px 20px}.theme-basic-black .card-body{text-align:center;flex-direction:column;align-items:center;display:flex}.theme-basic-black .logo-hero{width:180px;height:180px;margin-bottom:10px}.theme-basic-black .logo-hero img{object-fit:contain;width:100%;height:100%}.theme-basic-black .logo-hero:not(:empty){margin-bottom:10px}.theme-basic-black .logo-hero:empty+.name-header{margin-top:20px}.theme-basic-black .profile-pic-container{background-color:#1a1a1a;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:10px;display:flex;overflow:hidden}.theme-basic-black .lang-btn{color:#d4af37;cursor:pointer;background:#1a1a1a;border:1px solid #d4af37;border-radius:6px;padding:8px 12px;font-family:League Spartan,sans-serif;font-size:.8rem;position:absolute;top:20px;right:20px}.theme-basic-black .lang-btn:hover{color:#000;background:#d4af37}.theme-basic-black .profile-pic-container img{object-fit:cover;width:100%;height:100%}.theme-basic-black .name-header{letter-spacing:3px;text-transform:uppercase;color:#fff;margin:0 0 5px;font-size:1.6rem;font-weight:300}.theme-basic-black .title-sub{color:#d4af37;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-size:.85rem}.theme-basic-black .contact-item{color:#fff;background:#121212;border:1px solid #222;border-radius:8px;justify-content:flex-start;align-items:center;padding:12px 15px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.theme-basic-black .contact-item:hover{background:#1a1a1a;border-color:#d4af37}.theme-basic-black .contact-icon{color:#d4af37;align-items:center;margin-right:15px;display:flex}.theme-basic-black .btn-save{color:#000;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa8825 50%,#d4af37 100%);border:none;border-radius:8px;width:100%;margin-top:10px;padding:16px;font-family:League Spartan,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #d4af3733}.theme-basic-black .btn-save:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}