body{margin:0;padding:0}:root{--void:#000205!important;--emerald:#10b981!important;--emerald-off:#059669!important;--emerald-glow:#10b9814d!important;--glass:#ffffff05!important;--glass-border:#ffffff1a!important;--text-white:#fff!important;--text-dim:#94a3b8!important}*{box-sizing:border-box;margin:0;padding:0}a,a:visited,a:active,a:hover{color:inherit!important;text-decoration:none!important}svg{color:inherit!important;stroke:currentColor!important}body{background-color:var(--void);color:var(--text-white);font-family:Inter,sans-serif;overflow-x:hidden}.background-grid{z-index:-100;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff05 1px,#0000 0);background-size:50px 50px;position:fixed;inset:0}.bg-mesh{z-index:-90;background:radial-gradient(circle at 50% -10%, var(--emerald-glow), transparent 70%);pointer-events:none;position:fixed;inset:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);align-items:center;height:90px;display:flex;position:sticky;top:0;background:#000000e6!important}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.nav-content{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{align-items:center;gap:12px;font-size:1.4rem;font-weight:900;display:flex;color:#fff!important}.brand img{object-fit:contain;width:auto;height:42px!important}.brand .emerald{color:var(--emerald)}.nav-links{gap:3rem;display:none}@media (width>=1024px){.nav-links{display:flex}}.nav-links a{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:.75rem;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--emerald)}.hero{text-align:center;padding:120px 0}.hero .title{text-transform:uppercase;margin-bottom:2.5rem;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.9;color:#fff!important}.text-gradient{background:linear-gradient(135deg, #fff, var(--emerald));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .sub{color:var(--text-dim);max-width:800px;margin:0 auto 4rem;font-size:clamp(1rem,2vw,1.4rem);line-height:1.4}.actions{justify-content:center;gap:2rem;display:flex}.btn{text-transform:uppercase;letter-spacing:2px;cursor:pointer;border-radius:100px;align-items:center;gap:15px;padding:1.2rem 3rem;font-size:.85rem;font-weight:900;transition:all .4s;display:flex}.btn-primary{background:var(--emerald)!important;color:#000!important}.btn-primary:hover{box-shadow:0 15px 40px var(--emerald-glow);transform:translateY(-5px)}.btn-outline{background:var(--glass);border:1px solid var(--glass-border)!important;color:#fff!important}.btn-outline:hover{border-color:var(--emerald);background:var(--emerald-surface)}.section{padding:100px 0}.header{text-align:center;margin-bottom:80px}.header h2{text-transform:uppercase;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:#fff!important}.shop-grid,.product-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:40px;display:grid}.shop-card,.product-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:40px;flex-direction:column;transition:all .5s;display:flex;overflow:hidden}.shop-card:hover,.product-card:hover{border-color:var(--emerald);transform:translateY(-15px)}.shop-card .info{text-align:center;padding:60px 40px}.shop-card .info .text-emerald-500{color:var(--emerald)}.card-top{background:#000;height:300px;position:relative;overflow:hidden}.card-top img{object-fit:cover;opacity:.6;filter:grayscale();width:100%;height:100%;transition:all 1s}.product-card:hover img{opacity:1;filter:grayscale(0);transform:scale(1.05)}.card-info{flex-direction:column;flex:1;padding:40px;display:flex}.card-info h3{margin-bottom:12px;font-size:1.8rem;font-weight:900;color:#fff!important}.card-info .price{color:var(--emerald);opacity:.7;margin-bottom:25px;font-weight:900}.card-info .desc{color:var(--text-dim);flex:1;margin-bottom:40px;line-height:1.6}.add-btn{text-transform:uppercase;cursor:pointer;border:none;border-radius:20px;width:100%;padding:20px;font-weight:900;transition:all .3s;color:#000!important;background:#fff!important}.add-btn:hover{background:var(--emerald)!important;color:#000!important}.input{border:1px solid var(--glass-border);color:#fff;background:#ffffff08;border-radius:20px;width:100%;margin-bottom:20px;padding:1.5rem;font-family:inherit}.input:focus{border-color:var(--emerald);outline:none}@media (width<=768px){.nav-links{display:none}.actions{flex-direction:column}.btn{justify-content:center;width:100%}}[dir=rtl],[dir=rtl] .hero{text-align:right}@media (width<=768px){[dir=rtl] .hero{text-align:center}}