@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif}:root{--background: 0 0% 3%;--foreground: 0 0% 96%;--card: 0 0% 8%;--card-foreground: 0 0% 96%;--popover: 0 0% 8%;--popover-foreground: 0 0% 96%;--muted: 0 0% 10%;--muted-foreground: 0 0% 65%;--secondary: 0 0% 10%;--secondary-foreground: 0 0% 96%;--accent: 0 0% 10%;--accent-foreground: 0 0% 96%;--border: 0 0% 15%;--input: 0 0% 15%;--primary: 190 100% 50%;--primary-foreground: 0 0% 4%;--primary-deep: 190 100% 50%;--gradient-primary: linear-gradient(135deg, hsl(190 100% 50%), hsl(202 100% 62%));--shadow-glow: 0 12px 32px -12px hsl(190 100% 50% / .5);--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--ring: 190 100% 50%;--radius: 1rem;--chart-1: 190 100% 50%;--chart-2: 230 100% 50%;--chart-3: 150 100% 50%;--chart-4: 280 100% 45%;--chart-5: 10 100% 55%;--sidebar-background: 0 0% 3%;--sidebar-foreground: 0 0% 96%;--sidebar-primary: 190 100% 50%;--sidebar-primary-foreground: 0 0% 4%;--sidebar-accent: 0 0% 10%;--sidebar-accent-foreground: 0 0% 96%;--sidebar-border: 0 0% 15%;--sidebar-ring: 190 100% 50%;--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif}:root{--sd-cta-radius: 9999px;--sd-panel-radius: 32px;--sd-media-radius: 24px;--sd-portrait-radius: 9999px 9999px 20px 20px}.sd-hero-title>span:last-child:not(:first-child){font-style:italic;color:hsl(var(--primary))}:root{--background:0 0% 3%;--foreground:0 0% 96%;--card:0 0% 8%;--card-foreground:0 0% 96%;--popover:0 0% 8%;--popover-foreground:0 0% 96%;--muted:0 0% 10%;--muted-foreground:0 0% 65%;--secondary:0 0% 10%;--secondary-foreground:0 0% 96%;--accent:0 0% 10%;--accent-foreground:0 0% 96%;--border:0 0% 15%;--input:0 0% 15%;--primary:190 100% 50%;--primary-foreground:0 0% 4%;--primary-deep:190 100% 50%;--gradient-primary:linear-gradient(135deg,hsl(190 100% 50%),hsl(202 100% 62%));--shadow-glow:0 12px 32px -12px hsl(190 100% 50% / .5);--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--ring:190 100% 50%;--radius:1rem;--font-display:"Inter",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--sd-cta-radius:9999px;--sd-panel-radius:32px;--sd-media-radius:24px;--sd-portrait-radius:9999px 9999px 20px 20px}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-body)}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080808}body{margin:0;min-width:320px;background:#080808;color:#f0f0f0;font-family:Inter,sans-serif;overflow-x:hidden}html[dir=rtl] body{font-family:Tajawal,Inter,sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}::selection{background:#fff;color:#080808}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0b0b0b}::-webkit-scrollbar-thumb{background:#333;border-radius:999px}.font-display{font-family:Inter,sans-serif}.brand-zero{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.glow-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:12px 32px;border-radius:999px;background:#fff;color:#080808;font-weight:700;transition:transform .3s ease,box-shadow .3s ease}.glow-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #fff6}.card-3d{transition:transform .4s ease,box-shadow .4s ease}.card-3d:hover{transform:perspective(1000px) rotateY(8deg) rotateX(4deg) scale(1.03);box-shadow:0 24px 60px #00000073}.cube-scene{width:80px;height:80px}.trust-bar{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:600;color:#ffffff8c;white-space:nowrap}.mkt-subnav{position:sticky;top:60px;z-index:30;background:#080808eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.cat-tab,.sub-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;white-space:nowrap;cursor:pointer}.cat-tab{padding:8px 18px;color:#ffffff73}.cat-tab.active,.sub-chip.active{color:#fff;background:#ffffff1a;border-color:#ffffff26}.sub-chip{padding:5px 14px;color:#fff6;border:1px solid rgba(255,255,255,.07)}.mkt-card{position:relative;border-radius:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column}.mkt-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px #00000080}.mkt-card-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:#111}.mkt-card-img img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.mkt-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:6px}.mkt-card-platform{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59}.mkt-card-name{font-size:14px;font-weight:700;color:#fff}.mkt-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.mkt-card-price-label{font-size:9px;text-transform:uppercase;color:#ffffff4d;display:block}.mkt-card-price{font-size:18px;font-weight:900}.mkt-card-badge{position:absolute;top:10px;left:10px;z-index:5;font-size:9px;font-weight:900;padding:3px 10px;border-radius:999px;background:#fff;color:#000}.section-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d}.section-label:after{content:"";flex:1;height:1px;background:#ffffff12}.product-detail-img-main{width:100%;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d}.scroll-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,transform .2s;flex-shrink:0}.scroll-arrow-btn:hover{background:#ffffff1f;transform:scale(1.08)}.animate-fade-in-up,.animate-fadeInUp{animation:fadeInUp .7s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.store-hero-title{font-size:clamp(3.5rem,10vw,8rem);font-weight:900;letter-spacing:-.04em;line-height:.9;background:linear-gradient(135deg,#fff 40%,#fff6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-cinematic{background:#080808}.home-hero-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.09;will-change:transform}.blob-cyan{width:600px;height:600px;background:radial-gradient(circle,#00d4ff,transparent 70%);top:-150px;left:-100px;animation:blob-cyan-anim 18s ease-in-out infinite}.blob-purple{width:500px;height:500px;background:radial-gradient(circle,#a855f7,transparent 70%);bottom:-100px;right:-80px;animation:blob-purple-anim 22s ease-in-out infinite}.blob-white{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.6),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation:blob-white-anim 14s ease-in-out infinite;opacity:.03}@keyframes blob-cyan-anim{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6%,-8%) scale(1.12)}66%{transform:translate(-5%,6%) scale(.94)}}@keyframes blob-purple-anim{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-8%,5%) scale(.92)}66%{transform:translate(7%,-6%) scale(1.1)}}@keyframes blob-white-anim{0%,to{transform:translate(0) scale(1)}50%{transform:translate(3%,-4%) scale(1.08)}}.home-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 100%)}.home-hero-giant-title{font-size:clamp(5rem,18vw,14rem);font-weight:900;letter-spacing:-.055em;line-height:.85;text-align:center;margin:0}.home-hero-st0re-word{display:block;color:#fff;position:relative}.home-hero-zero{background:linear-gradient(135deg,#00d4ff,#a855f7,#00d4ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:zero-gradient-shift 4s ease-in-out infinite;display:inline;filter:drop-shadow(0 0 24px rgba(0,212,255,.5))}@keyframes zero-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.glow-btn-hero{box-shadow:0 0 40px #ffffff40,0 0 80px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease}.glow-btn-hero:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 0 60px #fff6,0 0 120px #ffffff26}.home-stat-pill{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.why-card{transition:transform .3s ease,border-color .3s,box-shadow .3s}.why-card:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff24;box-shadow:0 20px 50px #0006}.web-design-teaser{border:1px solid rgba(255,255,255,.08);transition:border-color .3s}.web-design-teaser:hover{border-color:#ffffff24}.mkt-view-btn{height:32px;padding:0 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:700;transition:background .2s,transform .2s;flex-shrink:0;white-space:nowrap}.mkt-view-btn:hover{background:#ffffff2e;transform:scale(1.05)}.mkt-card-badge.hot{background:#ef4444;color:#fff}.mkt-card-badge.new{background:#00d4ff;color:#000}.mkt-card-badge.premium{background:linear-gradient(135deg,gold,#f59e0b);color:#000}.mkt-card-badge.luxe{background:linear-gradient(135deg,#ec4899,#9333ea);color:#fff}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
