:root{--bg-dark: #050507;--bg-panel: rgba(20, 20, 25, .6);--bg-card: rgba(30, 30, 35, .4);--bg-card-hover: rgba(50, 50, 60, .5);--primary: #00f0ff;--secondary: #bd00ff;--accent: #ff0055;--text-primary: #ffffff;--text-secondary: #a1a1aa;--border-color: rgba(255, 255, 255, .1);--glass-border: 1px solid rgba(255, 255, 255, .08);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--font-main: "Inter", system-ui, sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;background-image:radial-gradient(circle at 15% 50%,rgba(112,0,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,240,255,.08),transparent 25%);background-attachment:fixed}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:0 4px 30px #0000004d}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin-top:0}h1{font-size:2.5rem;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}button{font-family:var(--font-main)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.modal-content-grid{display:flex;height:100%;flex-direction:column}.modal-inner-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.modal-description-scroll{overflow-y:auto;max-height:100%;padding-right:8px}@media(min-width:768px){.modal-content-grid{flex-direction:row;height:0!important;flex:1;min-height:0;overflow:hidden}.modal-inner-wrapper{height:100%;overflow:hidden}}.modal-image-container{flex:none;height:250px;width:100%;position:relative;background:#000}@media(min-width:768px){.modal-image-container{flex:1;height:auto;min-height:300px}}.modal-info-container{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;min-width:0;overflow-y:auto}.modal-image-container img{width:100%;height:100%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;font-family:var(--font-main);font-size:.95rem;outline:none}.btn:active{transform:scale(.98)}.btn-pill{border-radius:50px;padding:8px 20px}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;background:transparent}.btn-icon:hover{background:#ffffff1a}.btn-category{padding:10px 20px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);white-space:nowrap}.btn-category:hover{background:var(--bg-card-hover);border-color:#fff3}.btn-category.active{background:var(--text-primary);color:var(--bg-dark);border-color:var(--text-primary);font-weight:700}.btn-tag{padding:6px 16px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.9rem;text-transform:capitalize}.btn-tag:hover{background:#ffffff0d;color:var(--text-primary)}.btn-tag.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:700}.btn-tag.active.price-tag{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-tag.active.fav-tag{background:#f053;color:var(--accent);border-color:var(--accent)}.btn-gradient{background:linear-gradient(90deg,gold,orange);color:#000;border-radius:30px;padding:10px 24px;font-weight:700;box-shadow:0 0 15px #ffd7004d}.btn-gradient:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70080}.category-scroll-container{padding-right:var(--spacing-md);margin-right:calc(-1 * var(--spacing-md));max-width:100vw;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.category-scroll-container::-webkit-scrollbar{display:none}.category-scroll-wrapper{position:relative;overflow:visible}.scroll-side-nav{position:absolute;top:0;bottom:4px;z-index:10;display:flex;align-items:center;pointer-events:none}.scroll-side-nav.left{left:0}.scroll-side-nav.right{right:0}.scroll-gradient{position:absolute;top:0;bottom:0;width:100px;pointer-events:none;z-index:5;transition:opacity .3s ease}.scroll-gradient.left{left:0;background:linear-gradient(to right,var(--bg-dark),transparent)}.scroll-gradient.right{right:0;background:linear-gradient(to left,var(--bg-dark),transparent)}.scroll-arrow{position:relative;z-index:15;pointer-events:auto;width:40px;height:40px;background:#141419b3!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color)!important;color:var(--text-primary);box-shadow:0 4px 12px #00000080}.scroll-arrow:hover{background:#1e1e23e6!important;border-color:var(--primary)!important;color:var(--primary);transform:scale(1.1)}.scroll-arrow.left{margin-left:-12px}.scroll-arrow.right{margin-right:-12px}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.btn-scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#000;border:none;box-shadow:0 4px 15px #00f0ff66;z-index:90;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.btn-scroll-top:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px #bd00ff80}.btn-scroll-top:active{transform:scale(.95)}.nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.nav-logo-link{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0}.nav-logo-img{height:60px;width:auto;object-fit:contain}.nav-search-container{position:relative;width:400px;display:flex;align-items:center}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.controls-container{margin:var(--spacing-lg) 0;display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.control-group{display:flex;flex-direction:column;gap:8px}.control-group-label{display:block;color:var(--text-secondary);font-size:.9rem}.control-group-items{display:flex;gap:8px}@media(max-width:768px){.nav-container{padding:.5rem var(--spacing-sm);justify-content:center}.nav-search-container{order:3;width:100%;margin-top:10px}.nav-branding{order:1;width:100%;justify-content:center;margin-bottom:.5rem}.nav-actions{order:2;width:100%;justify-content:center;margin-bottom:.5rem}.controls-container{gap:1.5rem;flex-direction:column;align-items:flex-start}.control-group{width:100%}.control-group-items{flex-wrap:wrap}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px!important}.description-container{height:200px!important}.modal-main-container{max-height:90vh;overflow-y:auto!important;overflow-x:hidden;height:auto!important;display:block!important}.modal-description-scroll{overflow-y:auto;max-height:100%;padding-right:8px}}.thin-scrollbar::-webkit-scrollbar,.modal-main-container::-webkit-scrollbar{width:6px;background:transparent}.thin-scrollbar::-webkit-scrollbar-track,.modal-main-container::-webkit-scrollbar-track{background:transparent;margin-block:12px}.thin-scrollbar::-webkit-scrollbar-thumb,.modal-main-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;border:2px solid transparent;background-clip:content-box}.thin-scrollbar::-webkit-scrollbar-thumb:hover,.modal-main-container::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}.description-container{background:#ffffff0d;border-radius:12px;margin-bottom:24px;height:240px;display:flex;flex-direction:column;overflow:hidden}.modal-main-container{width:100%;max-width:900px;max-height:90vh;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.dropdown-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;text-align:left;margin-bottom:4px;transition:background .2s ease}.dropdown-item:hover{background:#ffffff1a!important}.dropdown-item.active{background:var(--primary)!important;color:#000}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}