@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;0,9..144,900;1,9..144,300&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.ultra-modern-navbar{background:#ffffffe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-effect{background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 8px 32px #0000000f}.ultra-modern-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s ease}.ultra-modern-brand:hover{transform:translateY(-1px)}.logo-container{position:relative;width:48px;height:48px;background:#ffffffeb;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.3);box-shadow:0 6px 16px #0f172a1f}.brand-logo-modern{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;display:block;border-radius:10px}.fallback-logo{color:#5b44d0;font-size:1.2rem}.brand-text-modern{display:flex;flex-direction:column}.brand-name{font-size:1.1rem;font-weight:700;color:#1a1a1a;line-height:1}.brand-tagline{font-size:.7rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ultra-modern-nav{display:flex;gap:.5rem;background:#f7fafccc;padding:.5rem;border-radius:20px;border:1px solid rgba(226,232,240,.8)}.nav-pill{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border-radius:16px;color:#64748b;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:80px}.nav-pill:hover{background:#fffc;color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea66}.nav-icon{font-size:1.1rem}.nav-label{font-size:.75rem;font-weight:600;line-height:1}.active-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#fff;border-radius:50%}.user-actions-modern{display:flex;align-items:center;gap:1rem}.create-button-modern .dropdown-toggle:after{display:none}.create-trigger{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.625rem 1rem;border-radius:16px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none}.create-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.chevron{font-size:.7rem;transition:transform .3s ease}.create-dropdown-modern.show .chevron{transform:rotate(180deg)}.quick-actions{display:flex;gap:.5rem}.action-button{position:relative;width:44px;height:44px;border-radius:12px;background:#f7fafccc;border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;transition:all .3s ease}.action-button:hover{background:#ffffffe6;color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.cart-counter{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.user-dropdown-ultra .dropdown-toggle:after{display:none}.user-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f7fafccc;border:1px solid rgba(226,232,240,.8);border-radius:16px;transition:all .3s ease;cursor:pointer}.user-trigger:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-avatar-ultra{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.8)}.user-info-trigger{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.875rem;font-weight:600;color:#1e293b;line-height:1}.role-badge{font-size:.65rem;padding:.125rem .375rem;border-radius:6px;font-weight:500;margin-top:.125rem}.role-badge.admin{background:#fef2f2;color:#dc2626}.role-badge.artist{background:#eff6ff;color:#2563eb}.role-badge.producer{background:#f0fdf4;color:#16a34a}.role-badge.user{background:#f8fafc;color:#64748b}.dropdown-modern{background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:.5rem;box-shadow:0 20px 60px #0000001a;min-width:280px}.dropdown-header-ultra{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,.5);margin-bottom:.5rem}.header-avatar{width:48px;height:48px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.header-info{flex:1}.header-name{font-weight:600;color:#1e293b;font-size:.95rem}.header-email{color:#64748b;font-size:.8rem}.dropdown-section{margin-bottom:.5rem}.dropdown-section:last-child{margin-bottom:0}.logout-section{border-top:1px solid rgba(226,232,240,.5);padding-top:.5rem;margin-top:.5rem}.dropdown-item-modern{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;transition:all .2s ease;text-decoration:none;color:inherit}.dropdown-item-modern:hover{background:#667eea14;color:#475569;transform:translate(4px)}.dropdown-item-modern.logout:hover{background:#ef444414;color:#dc2626}.item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.item-icon.sound{background:#3b82f61a;color:#3b82f6}.item-icon.event{background:#22c55e1a;color:#22c55e}.item-icon.video{background:#9333ea1a;color:#9333ea}.item-icon.competition{background:#ffc1071a;color:#ffc107}.item-icon.favorites{background:#ec48991a;color:#ec4899}.item-icon.analytics{background:#22c55e1a;color:#22c55e}.item-icon.profile{background:#a855f71a;color:#a855f7}.item-icon.edit{background:#f973161a;color:#f97316}.item-icon.admin{background:#ef44441a;color:#ef4444}.item-icon.categories{background:#a855f71a;color:#a855f7}.item-icon.sound-mgmt{background:#3b82f61a;color:#3b82f6}.item-icon.clip-mgmt{background:#9333ea1a;color:#9333ea}.item-icon.payments{background:#22c55e1a;color:#22c55e}.item-icon.certification{background:#f973161a;color:#f97316}.item-icon.logout{background:#ef44441a;color:#ef4444}.item-content{flex:1}.item-title{font-weight:600;color:#1e293b;font-size:.875rem;line-height:1}.item-subtitle{color:#64748b;font-size:.75rem;margin-top:.125rem}.auth-buttons-modern{display:flex;gap:.75rem}.btn-modern{padding:.625rem 1.25rem;border-radius:14px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center}.btn-modern.login{background:#f7fafccc;color:#475569;border:1px solid rgba(226,232,240,.8)}.btn-modern.login:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-modern.signup{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-modern.signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.mobile-toggle-ultra{width:44px;height:44px;border:none;background:#f7fafccc;border:1px solid rgba(226,232,240,.8);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hamburger{display:flex;flex-direction:column;gap:3px;transition:all .3s ease}.hamburger span{width:18px;height:2px;background:#64748b;border-radius:1px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-ultra{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-ultra.active{opacity:1;visibility:visible}.mobile-menu-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-panel{position:absolute;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-ultra.active .mobile-menu-panel{transform:translate(0)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(226,232,240,.5)}.mobile-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e293b}.mobile-brand-logo{width:30px;height:30px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;display:block;border-radius:8px}.close-btn{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-nav-ultra{flex:1;padding:1rem;overflow-y:auto}.mobile-nav-item-ultra{display:flex;align-items:center;gap:.75rem;padding:.875rem;color:#475569;text-decoration:none;border-radius:12px;transition:all .2s ease;margin-bottom:.25rem}.mobile-nav-item-ultra:hover,.mobile-nav-item-ultra.active{background:#667eea1a;color:#667eea;transform:translate(4px)}.mobile-divider-ultra{height:1px;background:#e2e8f080;margin:1rem 0}.mobile-create-section-ultra{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.5)}.mobile-create-section-ultra h6{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding:0 .875rem}.mobile-create-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;color:#667eea;text-decoration:none;border-radius:12px;background:#667eea0d;margin-bottom:.5rem;transition:all .2s ease}.mobile-create-item:hover{background:#667eea1a;transform:translate(4px)}.mobile-footer-ultra{padding:1.5rem;border-top:1px solid rgba(226,232,240,.5)}.logout-btn-mobile{width:100%;border-radius:12px;padding:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem}.mobile-auth-buttons .btn{border-radius:12px;padding:.875rem;font-weight:600}.mobile-badge{background:#ef4444;color:#fff;font-size:.65rem;margin-left:auto}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.brand-skeleton{width:120px;height:20px;border-radius:10px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 991.98px){.ultra-modern-navbar{height:70px;padding:.75rem 0}}.theme-toggle-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(226,232,240,.9)!important;background:#f7fafce6!important;color:#475569!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;transition:all .25s ease}.theme-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.mobile-header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle-btn-mobile{width:32px;height:32px;border:none;background:#667eea1f;color:#5b44d0;border-radius:8px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .ultra-modern-navbar{background:#111827eb;border-bottom:1px solid rgba(55,65,81,.65)}[data-theme=dark] .glass-effect{background:linear-gradient(135deg,#111827f5,#1f2937e6);box-shadow:0 8px 30px #00000059}[data-theme=dark] .logo-container,[data-theme=dark] .ultra-modern-nav,[data-theme=dark] .action-button,[data-theme=dark] .user-trigger,[data-theme=dark] .btn-modern.login{background:#1f2937e6;border-color:#4b5563a6}[data-theme=dark] .brand-name,[data-theme=dark] .user-name,[data-theme=dark] .item-title,[data-theme=dark] .mobile-brand{color:#f9fafb}[data-theme=dark] .brand-tagline,[data-theme=dark] .nav-pill,[data-theme=dark] .item-subtitle,[data-theme=dark] .header-email,[data-theme=dark] .mobile-nav-item-ultra{color:#cbd5e1}[data-theme=dark] .nav-pill:hover,[data-theme=dark] .mobile-nav-item-ultra:hover{background:#374151e6;color:#f3f4f6}[data-theme=dark] .dropdown-modern,[data-theme=dark] .mobile-menu-panel{background:#111827f5;border:1px solid rgba(75,85,99,.65)}[data-theme=dark] .dropdown-header-ultra,[data-theme=dark] .logout-section,[data-theme=dark] .mobile-header,[data-theme=dark] .mobile-footer-ultra,[data-theme=dark] .mobile-divider-ultra,[data-theme=dark] .mobile-create-section-ultra{border-color:#4b5563a6}[data-theme=dark] .theme-toggle-btn{background:#1f2937f2!important;border-color:#4b5563bf!important;color:#f3f4f6!important}:root{--bg: #07070F;--bg-2: #0E0E1A;--surface: #13131F;--surface-2: #1C1C2E;--surface-3: #252538;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.14);--accent: #8B5CF6;--accent-dim: rgba(139,92,246,.18);--accent-glow: rgba(139,92,246,.35);--teal: #3B82F6;--teal-dim: rgba(59,130,246,.15);--gold: #667EEA;--gold-dim: rgba(102,126,234,.16);--txt: #EEEEF8;--txt-2: #A0A0C0;--txt-3: #606080;--success: #3B82F6;--danger: #FF4466;--warning: #667EEA;--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-card: 0 2px 20px rgba(0,0,0,.5);--shadow-glow-accent: 0 0 40px rgba(139,92,246,.25);--shadow-glow-teal: 0 0 40px rgba(59,130,246,.2);--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .18s;--t-med: .32s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;min-height:44px;min-width:44px}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vs-container{max-width:1240px;margin:0 auto;padding:0 20px}.section-gap{padding:80px 0}.section-gap-sm{padding:60px 0}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid var(--border-bright);color:var(--txt-2)}.tag--accent{border-color:var(--accent-dim);color:var(--accent);background:var(--accent-dim)}.tag--teal{border-color:var(--teal-dim);color:var(--teal);background:var(--teal-dim)}.tag--gold{border-color:var(--gold-dim);color:var(--gold);background:var(--gold-dim)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:40px;flex-wrap:wrap}.section-title{font-family:var(--font-display);font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--txt);line-height:1.15}.section-subtitle{font-size:14px;color:var(--txt-2);margin-top:6px}.btn-see-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--txt-2);background:var(--surface-2);border:1px solid var(--border);padding:8px 16px;border-radius:100px;transition:all var(--t-fast) var(--ease);white-space:nowrap}.btn-see-all:hover{color:var(--txt);border-color:var(--border-bright);background:var(--surface-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;padding:12px 24px;border-radius:var(--r-md);transition:all var(--t-fast) var(--ease);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn--primary:hover{background:#9b6dff;transform:translateY(-2px);box-shadow:0 6px 28px var(--accent-glow)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--surface-2);color:var(--txt);border:1px solid var(--border-bright)}.btn--secondary:hover{background:var(--surface-3);border-color:#fff3}.btn--teal{background:var(--teal);color:#06251e;font-weight:800}.btn--teal:hover{background:#60a5fa;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--txt-2);border:1px solid var(--border)}.btn--ghost:hover{color:var(--txt);border-color:var(--border-bright);background:var(--surface)}.btn--sm{font-size:12px;padding:8px 14px;border-radius:var(--r-sm);min-height:36px}.btn--lg{font-size:16px;padding:16px 32px;border-radius:var(--r-lg)}.btn--icon{padding:10px;border-radius:var(--r-sm)}.vs-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 20px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#07070fbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background var(--t-med)}.vs-header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.vs-header__logo-mark{width:36px;height:36px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 16px var(--accent-glow)}.vs-header__logo-text{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--txt);letter-spacing:-.02em}.vs-header__logo-text span{color:var(--accent)}.vs-header__nav{display:flex;align-items:center;gap:4px}.vs-header__nav a{font-size:14px;font-weight:500;color:var(--txt-2);text-decoration:none;padding:6px 14px;border-radius:var(--r-sm);transition:all var(--t-fast)}.vs-header__nav a:hover{color:var(--txt);background:var(--surface)}.vs-header__nav a.active{color:var(--txt)}.vs-header__actions{display:flex;align-items:center;gap:10px}.vs-header__cart{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;color:var(--txt-2);font-size:18px;transition:all var(--t-fast)}.vs-header__cart:hover{color:var(--txt);border-color:var(--border-bright)}.vs-header__cart-badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}@media (max-width: 768px){.vs-header__nav{display:none}.vs-header__logo-text{font-size:17px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 20px 80px;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 65% 40%,rgba(139,92,246,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 70%,rgba(59,130,246,.08) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,rgba(7,7,15,.95) 100%)}.hero__bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-30deg,transparent,transparent 60px,rgba(255,255,255,.012) 60px,rgba(255,255,255,.012) 61px)}.hero__bg-dot{position:absolute;width:600px;height:600px;right:-100px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%)}.hero__inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:center}.hero__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.hero__title{font-family:var(--font-display);font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--txt);margin-bottom:20px}.hero__title em{font-style:italic;color:var(--accent)}.hero__title .highlight{background:linear-gradient(135deg,var(--gold),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:clamp(15px,1.8vw,18px);color:var(--txt-2);max-width:480px;line-height:1.7;margin-bottom:36px}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}.hero__stats{display:flex;gap:32px;flex-wrap:wrap}.hero__stat-num{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--txt);line-height:1}.hero__stat-label{font-size:12px;color:var(--txt-2);margin-top:3px}.hero__featured{position:relative}.featured-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card),var(--shadow-glow-accent)}.featured-card__cover{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#1a0a20,#0d1030,#1a0800);overflow:hidden}.featured-card__cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.featured-card__cover-img--fallback{-o-object-fit:contain;object-fit:contain;padding:24px;background:radial-gradient(circle at 50% 40%,#8b5cf640,#0a0a14f2)}.featured-card__cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.7) 100%)}.featured-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.25);transition:all var(--t-fast) var(--ease);cursor:pointer}.featured-card__play-btn:hover{background:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 28px var(--accent-glow)}.featured-card__badge{position:absolute;top:14px;left:14px}.featured-card__body{padding:20px}.featured-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.featured-card__artist{font-size:12px;color:var(--txt-2);font-weight:600}.featured-card__duration{font-size:12px;color:var(--txt-3)}.featured-card__title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--txt);margin-bottom:4px}.featured-card__genre{font-size:12px;color:var(--txt-2);margin-bottom:16px}.featured-card__waveform{height:32px;margin-bottom:16px;display:flex;align-items:center;gap:2px}.featured-card__waveform-bar{flex:1;background:var(--surface-3);border-radius:2px;min-width:3px;transition:background var(--t-fast)}.featured-card__waveform-bar.active{background:var(--accent)}.featured-card__waveform-bar.past{background:#8b5cf666}.featured-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-card__price{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--accent);line-height:1}.featured-card__price small{font-size:12px;color:var(--txt-2);font-family:var(--font-body);font-weight:400;margin-left:2px}.featured-card__actions{display:flex;gap:8px}@media (max-width: 960px){.hero__inner{grid-template-columns:1fr}.hero__featured{max-width:380px;margin:0 auto}.hero__title{font-size:clamp(34px,7vw,52px)}}@media (max-width: 480px){.hero{padding:100px 20px 60px}.hero__stats{gap:20px}}.featured-section{background:var(--bg-2)}.tabs-header{display:flex;align-items:center;gap:8px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:-moz-fit-content;width:fit-content;margin-bottom:40px}.tab-btn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--txt-2);background:transparent;border:none;padding:10px 20px;border-radius:var(--r-md);transition:all var(--t-fast) var(--ease);cursor:pointer;min-height:44px}.tab-btn:hover{color:var(--txt);background:var(--surface-2)}.tab-btn.active{color:#fff;background:var(--accent);box-shadow:0 2px 16px var(--accent-glow)}.tab-btn .tab-icon{font-size:16px}.tab-count{font-size:11px;font-weight:800;background:#ffffff1f;padding:2px 6px;border-radius:100px}.tab-btn.active .tab-count{background:#fff3}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.cards-grid--clips{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.home-empty-state{min-height:180px;background:var(--surface);border:1px dashed var(--border-bright);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--txt-2);text-align:center;padding:20px}.home-empty-state__logo{width:52px;height:52px;-o-object-fit:contain;object-fit:contain;opacity:.85}.vs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all var(--t-med) var(--ease);cursor:pointer}.vs-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:var(--shadow-card)}.sound-card__cover{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface-2)}.sound-card__cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform var(--t-med) var(--ease)}.vs-card:hover .sound-card__cover-img{transform:scale(1.06)}.sound-card__cover-img--fallback{-o-object-fit:contain;object-fit:contain;padding:16px;background:radial-gradient(circle at 50% 40%,#8b5cf640,#0f0f1ef2)}.sound-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.vs-card:hover .sound-card__overlay{background:#0006}.sound-card__play{width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-decoration:none;opacity:0;transform:scale(.8);transition:all var(--t-fast) var(--ease);box-shadow:0 0 20px var(--accent-glow)}.vs-card:hover .sound-card__play{opacity:1;transform:scale(1)}.sound-card__tag{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:100px}.sound-card__tag--free{background:var(--teal);color:#063020}.sound-card__tag--paid{background:var(--accent);color:#fff}.sound-card__body{padding:14px}.sound-card__title{font-weight:700;font-size:14px;color:var(--txt);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-card__artist{font-size:12px;color:var(--txt-2);margin-bottom:10px}.sound-card__footer{display:flex;align-items:center;justify-content:space-between}.sound-card__price{font-size:14px;font-weight:800;color:var(--accent)}.sound-card__price--free{color:var(--teal)}.sound-card__duration{font-size:11px;color:var(--txt-3)}.sound-card__cart{width:32px;height:32px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--t-fast);min-height:32px;min-width:32px}.sound-card__cart:hover{background:var(--accent);border-color:var(--accent)}.clip-card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}.clip-card__thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform var(--t-med) var(--ease)}.vs-card:hover .clip-card__thumb-img{transform:scale(1.06)}.clip-card__thumb-img--fallback{-o-object-fit:contain;object-fit:contain;padding:12px;background:radial-gradient(circle at 50% 40%,#8b5cf640,#0f0f1ef2)}.clip-card__thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background var(--t-fast)}.vs-card:hover .clip-card__thumb-overlay{background:#00000073}.clip-card__play-btn{width:52px;height:52px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#111;text-decoration:none;opacity:0;transform:scale(.8);transition:all var(--t-fast) var(--ease)}.vs-card:hover .clip-card__play-btn{opacity:1;transform:scale(1)}.clip-card__duration{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.clip-card__views{position:absolute;bottom:8px;left:8px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;display:flex;align-items:center;gap:4px}.clip-card__body{padding:14px}.clip-card__title{font-weight:700;font-size:14px;color:var(--txt);margin-bottom:3px}.clip-card__artist{font-size:12px;color:var(--txt-2)}.event-card{display:flex;gap:16px;align-items:flex-start;padding:18px}.event-card__date{flex-shrink:0;width:52px;height:60px;background:var(--accent-dim);border:1px solid rgba(139,92,246,.3);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.event-card__day{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--accent);line-height:1}.event-card__month{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--accent);letter-spacing:.08em}.event-card__info{flex:1;min-width:0}.event-card__title{font-weight:700;font-size:14px;color:var(--txt);margin-bottom:4px}.event-card__location{font-size:12px;color:var(--txt-2);margin-bottom:8px;display:flex;align-items:center;gap:4px}.event-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-card__price{font-size:14px;font-weight:800;color:var(--txt)}.event-card__status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:100px}.event-card__status--available{background:var(--teal-dim);color:var(--teal)}.event-card__status--limited{background:var(--gold-dim);color:var(--gold)}.event-card__status--sold{background:#ff446626;color:var(--danger)}.sons-section{background:var(--bg)}.subsection{margin-bottom:56px}.subsection:last-child{margin-bottom:0}.subsection-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--txt);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.subsection-title:before{content:"";display:block;width:4px;height:18px;background:var(--accent);border-radius:2px}.clips-section{background:var(--bg-2);position:relative;overflow:hidden}.clips-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse 60% 60% at 80% 40%,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.events-section{background:var(--bg)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.trust-section{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--border)}.stat-box{text-align:center;padding:28px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast)}.stat-box:hover{border-color:var(--border-bright)}.stat-box__icon{font-size:24px;margin-bottom:12px;color:var(--accent)}.stat-box__num{font-family:var(--font-display);font-size:36px;font-weight:900;color:var(--txt);line-height:1;margin-bottom:4px}.stat-box__label{font-size:13px;color:var(--txt-2);font-weight:500}.trust-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-badge{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.trust-badge__icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.trust-badge__icon--teal{background:var(--teal-dim)}.trust-badge__icon--gold{background:var(--gold-dim)}.trust-badge__icon--accent{background:var(--accent-dim)}.trust-badge__title{font-weight:700;font-size:14px;color:var(--txt);margin-bottom:3px}.trust-badge__desc{font-size:12px;color:var(--txt-2);line-height:1.5}@media (max-width: 900px){.stats-row{grid-template-columns:repeat(2,1fr)}.trust-badges{grid-template-columns:1fr}}@media (max-width: 480px){.stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.stat-box__num{font-size:28px}}.cta-final{position:relative;overflow:hidden;background:var(--bg);padding:100px 20px;text-align:center}.cta-final__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 70% at 30% 50%,rgba(139,92,246,.1) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 70% 50%,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none}.cta-final__tag{margin-bottom:24px;display:inline-flex}.cta-final__title{font-family:var(--font-display);font-size:clamp(30px,4.5vw,56px);font-weight:900;color:var(--txt);margin-bottom:16px;letter-spacing:-.03em;line-height:1.1}.cta-final__subtitle{font-size:16px;color:var(--txt-2);max-width:460px;margin:0 auto 40px;line-height:1.7}.cta-final__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.vs-footer{background:var(--bg-2);border-top:1px solid var(--border);padding:40px 20px 24px}.vs-footer__inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.vs-footer__copy{font-size:13px;color:var(--txt-2)}.vs-footer__copy span{color:var(--accent)}.vs-footer__links{display:flex;gap:20px}.vs-footer__links a{font-size:13px;color:var(--txt-2);text-decoration:none;transition:color var(--t-fast)}.vs-footer__links a:hover{color:var(--txt)}@media (max-width: 768px){.section-gap{padding:60px 0}.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cards-grid--clips,.events-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}.tabs-header{overflow-x:auto}.hero__ctas{flex-direction:column}.hero__ctas .btn{width:100%}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse-dot 1.8s ease-in-out infinite}.fade-in-up{animation:fadeInUp .5s var(--ease) both}.fade-in-up--1{animation-delay:.1s}.fade-in-up--2{animation-delay:.2s}.fade-in-up--3{animation-delay:.3s}.fade-in-up--4{animation-delay:.4s}@keyframes waveBar{0%,to{height:30%}50%{height:100%}}.waveform-playing .featured-card__waveform-bar.active{animation:waveBar .8s ease-in-out infinite}.waveform-playing .featured-card__waveform-bar.active:nth-child(2){animation-delay:.1s}.waveform-playing .featured-card__waveform-bar.active:nth-child(3){animation-delay:.2s}.waveform-playing .featured-card__waveform-bar.active:nth-child(4){animation-delay:.1s}.waveform-playing .featured-card__waveform-bar.active:nth-child(5){animation-delay:.3s}.dashboard-container{min-height:100vh;background-color:#f8f9fa}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af,#1d4ed8);width:280px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:1000}.sidebar-header{border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-nav{padding:1rem}.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link:hover{background:#ffffff26!important;transform:translate(4px)}.nav-link.active{background:#fff!important;color:#1d4ed8!important;transform:translate(8px);box-shadow:0 4px 15px #0000001a}.main-content{margin-left:280px;min-height:100vh}.content-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a!important}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.audio-player-floating{z-index:1050;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.audio-player-floating .card{border:none;border-radius:15px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-progress{cursor:pointer;transition:all .2s ease}.audio-progress:hover{transform:scaleY(1.5)}.rdt_Table{border-radius:8px;overflow:hidden}.rdt_TableHead{background-color:#f8f9fa}.rdt_TableHeadRow{border-bottom:2px solid #dee2e6}.rdt_TableRow:hover{background-color:#f8f9fa;transform:scale(1.01);transition:all .2s ease}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.badge{font-size:.75rem;padding:.5rem .75rem;border-radius:6px}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640}.progress{border-radius:8px;overflow:hidden}.progress-bar{transition:width .3s ease}@media (max-width: 768px){.main-content{margin-left:0}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.show{transform:translate(0)}.audio-player-floating{width:90%!important;left:5%!important;transform:none!important}}@media (prefers-color-scheme: dark){.dashboard-container{background-color:#1a1a1a}.card{background-color:#2d2d2d;border-color:#404040}.text-muted{color:#a0a0a0!important}}.upload-zone{transition:all .3s ease;background:#f8f9fa}.upload-zone:hover{background:#e9ecef;border-color:#0d6efd!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.upload-zone:hover .fa-music,.upload-zone:hover .fa-image{color:#0d6efd!important;transform:scale(1.1)}.progress{background-color:#e9ecef;border-radius:10px;overflow:hidden}.progress-bar{background:linear-gradient(45deg,#0d6efd,#0dcaf0);transition:width .3s ease}.card{transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a!important}.card-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #dee2e6}.form-control:focus,.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26}.badge{font-size:.75em;padding:.5em .75em}.btn{transition:all .3s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(45deg,#0d6efd,#0dcaf0);border:none}.btn-primary:hover{background:linear-gradient(45deg,#0b5ed7,#0aa2c0);box-shadow:0 4px 12px #0d6efd4d}.table{background:#fff}.table thead th{border-bottom:2px solid #dee2e6;font-weight:600;color:#495057;text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.01)}audio{width:100%;height:40px}.sticky-top{top:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeInUp .5s ease}.input-group .input-group-text{background:#f8f9fa;border-color:#ced4da;color:#6c757d;font-weight:500}.preview-image{border:3px solid #dee2e6;border-radius:8px;transition:all .3s ease}.preview-image:hover{border-color:#0d6efd;box-shadow:0 4px 12px #0d6efd33}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-success{background:linear-gradient(135deg,#d1e7dd,#f8d7da);border-color:#198754;animation:slideInDown .5s ease}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.upload-zone{min-height:120px!important;padding:2rem 1rem!important}.card{margin-bottom:1rem}.sticky-top{position:relative!important;top:auto!important}}.sidebar{background:linear-gradient(180deg,#212529,#343a40)}.sidebar .nav-link{color:#fffc;transition:all .3s ease;border-radius:8px;margin-bottom:.25rem}.sidebar .nav-link:hover{background:#ffffff1a;color:#fff;transform:translate(5px)}.sidebar .nav-link.active{background:linear-gradient(45deg,#0d6efd,#0dcaf0);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}