:root{--bg-color:#0d0f12;--primary:#ff0050;--primary-glow:#ff005080;--secondary:#00f2fe;--text-main:#fff;--text-muted:#8c92a6;--glass-bg:#ffffff0d;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#ff00500d,#0000 25%),radial-gradient(circle at 85% 30%,#00f2fe0d,#0000 25%);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}.admin-body{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}#auth-container{text-align:center;width:100%;max-width:400px}#admin-panel{width:100%;max-width:600px}h2{background:linear-gradient(to right,#fff,var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-weight:700}h3{margin-bottom:1rem;font-weight:600}.form-group{text-align:left;margin-bottom:1.5rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:10px;width:100%;padding:1rem;font-size:1rem;transition:all .3s}input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);outline:none}button{cursor:pointer;border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(45deg,var(--primary),#d90045);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 20px var(--primary-glow);transform:translateY(-2px)}.btn-success{background:linear-gradient(45deg,#00c6ff,var(--secondary));color:#000}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00f2fe66}button:disabled{opacity:.7;cursor:not-allowed}.message{margin-top:1rem;font-size:.9rem}.error{color:#ff4d4d}.success{color:#00f2fe}.main-header{z-index:100;background:var(--bg-color);position:sticky;top:0;box-shadow:0 10px 30px #00000080}.nav-header{border-bottom:1px solid var(--glass-border);background:0 0;justify-content:center;align-items:center;height:70px;padding:0 5%;display:flex}.logo{letter-spacing:1px;font-size:1.5rem;font-weight:700}.logo span{color:var(--primary)}.language-selector select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem;transition:all .3s}.language-selector select:hover{background:#ffffff26;border-color:#ffffff80}.filters{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters{-ms-overflow-style:none;scrollbar-width:none}.filter-btn{border:1px solid var(--glass-border);color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:20px;width:auto;padding:.5rem 1.2rem;font-weight:500}.filter-btn:hover,.filter-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.hero{text-align:center;padding:1.5rem 1rem 1rem}.hero h1{margin-bottom:1rem;font-size:3rem}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.container{max-width:1400px;margin:20px auto 0;padding:1rem 5%}.product-grid{columns:2;column-gap:2rem}@media (min-width:1024px){.product-grid{columns:3}}@media (min-width:1440px){.product-grid{columns:4}}.product-card{break-inside:avoid;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:15px;flex-direction:column;margin-bottom:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 15px 30px #0006,0 0 15px var(--glass-border);border-color:#fff3;transform:translateY(-10px)}.card-image-wrapper{background:#111;width:100%;padding-top:100%;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-content{flex-direction:column;padding:1.2rem;display:flex}.category-badge{color:#ccc;text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border-radius:12px;width:fit-content;margin-bottom:.8rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.2rem;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.btn-buy{color:#fff;cursor:pointer;background:#fe2c55;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #fe2c5566}.btn-buy:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #fe2c5599}.loader{color:var(--text-muted);justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-right:15px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.nav-header{height:60px;padding:0 5%}.filters{width:100%;padding-bottom:10px}.hero h1{font-size:2.2rem}.product-grid{columns:2;column-gap:.8rem}.product-card{margin-bottom:.8rem}.container{padding:1rem 3%}.card-content{padding:.8rem}.card-title{margin-bottom:.8rem;font-size:.85rem}.btn-buy{padding:.5rem;font-size:.75rem}.category-badge{padding:.2rem .5rem;font-size:.6rem}}.social-links{justify-content:center;gap:15px;margin-top:10px;display:flex}.social-icon{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{border-color:var(--primary);color:var(--primary);background:#ffffff1a;transform:translateY(-5px);box-shadow:0 5px 15px #00f2fe33}.reveal{opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.masonry-grid{align-items:flex-start;gap:20px;width:100%;display:flex}.masonry-column{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}@media (max-width:768px){.masonry-grid,.masonry-column{gap:10px}.language-selector select{padding:6px 10px;font-size:.8rem}.sticky-nav-container{padding:10px 0}.container{margin-top:10px}}.category-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;margin-top:20px;padding:10px 0 20px;overflow-x:auto}.category-scroll-container::-webkit-scrollbar{display:none}.filters-modern{justify-content:center;gap:12px;min-width:max-content;margin:0 auto;padding:0 20px;display:flex}.filter-pill{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{border-color:var(--primary);color:#fff;background:#ffffff1a;transform:translateY(-2px)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow);transform:scale(1.05)}@media (max-width:768px){.filters-modern{justify-content:flex-start}}.category-scroll-container{padding:10px 0;overflow:visible}.filters-modern{flex-wrap:wrap;justify-content:center;min-width:auto;padding:0 10px}.filter-pill{margin-bottom:5px}.sticky-nav-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);background:0 0;flex-direction:column;align-items:center;gap:12px;padding:15px 0;display:flex;position:relative}.social-links-sticky{justify-content:center;gap:15px;display:flex}.social-icon-mini{color:#fff;background:#ff00501a;border:2px solid #fffc;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 0 15px #ff00501a}.social-icon-mini:hover{background:#ff005033;border-color:#fff;transform:translateY(-3px);box-shadow:0 5px 20px #ff00504d}.dropdown-sticky-wrapper{justify-content:center;width:100%;padding:0 15px;display:flex}.product-card.pinned{z-index:5;animation:2s ease-in-out infinite heartbeat,4s ease-in-out infinite pulse-border-red;box-shadow:0 10px 40px #ff005033;border:2px solid var(--primary)!important;background:linear-gradient(180deg,#ff005014 0%,var(--glass-bg)100%)!important}.product-card.pinned:hover{transform:scale(1.03)translateY(-10px);box-shadow:0 20px 50px #ff005066;border-color:#fff!important}@keyframes pulse-red{0%{box-shadow:0 0 #ff0050b3}70%{box-shadow:0 0 0 10px #ff005000}to{box-shadow:0 0 #ff005000}}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse-border-red{0%{border-color:#ff005080;box-shadow:0 10px 40px #ff005026}50%{border-color:#ff0050;box-shadow:0 10px 60px #ff005066}to{border-color:#ff005080;box-shadow:0 10px 40px #ff005026}}.flame-icon,.flame-icon-solo{filter:drop-shadow(0 0 5px #ff450099);justify-content:center;align-items:center;animation:.8s ease-in-out infinite alternate flicker;display:flex}.flame-icon-solo{background:#fff;border-radius:50%;padding:5px;box-shadow:0 2px 8px #0003}@keyframes flicker{0%{filter:drop-shadow(0 0 3px #ff4500);transform:scale(1)rotate(-1deg)}25%{filter:drop-shadow(0 0 5px #ff8c00);transform:scale(1.1)rotate(1deg)}50%{filter:drop-shadow(0 0 7px red);transform:scale(.9)rotate(-1deg)}75%{filter:drop-shadow(0 0 5px #ff8c00);transform:scale(1.1)rotate(2deg)}to{filter:drop-shadow(0 0 3px #ff4500);transform:scale(1)rotate(-1deg)}}.music-waves{align-items:flex-end;gap:3px;height:18px;display:flex}.wave{background:#fff;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite alternate wave-rise}.wave:nth-child(2){height:60%;animation-delay:.2s}.wave:nth-child(3){height:80%;animation-delay:.4s}@keyframes wave-rise{0%{height:30%}to{height:100%}}.music-player-trigger:hover{filter:brightness(1.2);transform:scale(1.1)rotate(5deg)}.loading-spinner{border:5px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}
