:root{
  --h-black:#050706;
  --h-ink:#111511;
  --h-panel:#101611;
  --h-card:#fffdf4;
  --h-cream:#fff7dc;
  --h-muted:#6f756d;
  --h-green:#087b35;
  --h-green-2:#0fb85f;
  --h-gold:#ffc400;
  --h-gold-2:#ffdc64;
  --h-red:#c81925;
  --h-red-2:#ff4d57;
  --h-border:rgba(17,21,17,.12);
  --h-shadow:0 24px 70px rgba(5,7,6,.16);
  --h-radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--h-ink);
  background:
    radial-gradient(circle at 8% 0%,rgba(255,196,0,.23),transparent 24rem),
    radial-gradient(circle at 100% 10%,rgba(8,123,53,.14),transparent 28rem),
    linear-gradient(180deg,#fff9e8 0,#fffdf7 44%,#f7f1dc 100%);
  min-height:100vh;
}
a{text-decoration:none;color:inherit}.fw-black{font-weight:950}.text-muted{color:var(--h-muted)!important}.container{max-width:1180px}
.navbar.harmony-nav{
  background:rgba(5,7,6,.92)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.2);
}
.navbar.harmony-nav .navbar-brand,.navbar.harmony-nav .nav-link{color:#fff!important}.navbar.harmony-nav .nav-link{font-weight:800;opacity:.86}.navbar.harmony-nav .nav-link:hover{color:var(--h-gold)!important;opacity:1}.navbar-toggler{border-color:rgba(255,255,255,.35)}.navbar-toggler-icon{filter:invert(1)}
.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#050706;font-weight:950;background:linear-gradient(135deg,var(--h-green) 0 33%,var(--h-gold) 33% 66%,var(--h-red) 66%);box-shadow:0 12px 30px rgba(255,196,0,.25)}
.brand-text{line-height:1}.brand-text strong{display:block;font-weight:950;letter-spacing:-.04em}.brand-text span{font-size:.74rem;color:rgba(255,255,255,.68);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.btn-harmony,.btn-gold,.btn-red,.btn-ghost{border-radius:999px;font-weight:950;padding:.76rem 1.14rem;border:0;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-harmony{background:linear-gradient(135deg,var(--h-green),#064f25);color:#fff;box-shadow:0 12px 30px rgba(8,123,53,.24)}.btn-harmony:hover{transform:translateY(-1px);color:#fff;box-shadow:0 18px 44px rgba(8,123,53,.32)}.btn-gold{background:linear-gradient(135deg,var(--h-gold),#ffad00);color:#080807;box-shadow:0 12px 30px rgba(255,196,0,.25)}.btn-gold:hover{transform:translateY(-1px);color:#080807;box-shadow:0 18px 44px rgba(255,196,0,.34)}.btn-red{background:linear-gradient(135deg,var(--h-red),#94121a);color:#fff}.btn-red:hover{color:#fff;transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}.btn-ghost:hover{background:#fff;color:#111}.btn-outline-dark{border-radius:999px;font-weight:900}.badge-reggae,.badge-soft{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.42rem .78rem;font-weight:950;font-size:.78rem}.badge-reggae{background:linear-gradient(90deg,var(--h-green),var(--h-gold),var(--h-red));color:#050706}.badge-soft{background:rgba(8,123,53,.1);color:#07572a;border:1px solid rgba(8,123,53,.14)}
.hero{
  position:relative;overflow:hidden;border-radius:38px;padding:5rem 2rem;color:#fff;background:
    radial-gradient(circle at 82% 12%,rgba(255,196,0,.33),transparent 18rem),
    radial-gradient(circle at 12% 12%,rgba(15,184,95,.34),transparent 22rem),
    linear-gradient(135deg,#050706 0%,#0b190f 47%,#270306 100%);
  box-shadow:0 34px 90px rgba(5,7,6,.35);
}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,rgba(255,255,255,.04) 0 1px,transparent 1px 18px);opacity:.55}.hero:after{content:"";position:absolute;inset:auto -15% -40% -15%;height:45%;background:linear-gradient(90deg,var(--h-green),var(--h-gold),var(--h-red));filter:blur(80px);opacity:.45}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(2.55rem,6.9vw,5.75rem);font-weight:950;line-height:.9;letter-spacing:-.085em;margin:0}.hero .lead{max-width:730px;color:rgba(255,255,255,.78)}.hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:30px}.sound-bars{height:92px;display:flex;gap:8px;align-items:end}.sound-bars span{display:block;width:13%;border-radius:999px;background:linear-gradient(180deg,var(--h-gold),var(--h-green));animation:pulseBar 1.45s ease-in-out infinite}.sound-bars span:nth-child(2){height:72%;animation-delay:.1s;background:linear-gradient(180deg,var(--h-red),var(--h-gold))}.sound-bars span:nth-child(3){height:42%;animation-delay:.2s}.sound-bars span:nth-child(4){height:90%;animation-delay:.34s;background:linear-gradient(180deg,var(--h-green-2),var(--h-gold))}.sound-bars span:nth-child(5){height:55%;animation-delay:.48s}.sound-bars span:nth-child(6){height:78%;animation-delay:.62s;background:linear-gradient(180deg,var(--h-red-2),var(--h-gold))}@keyframes pulseBar{0%,100%{transform:scaleY(.56)}50%{transform:scaleY(1)}}
.cardx,.table-card{background:rgba(255,253,244,.92);border:1px solid var(--h-border);border-radius:var(--h-radius);box-shadow:var(--h-shadow);overflow:hidden}.cardx{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cardx:hover{transform:translateY(-4px);box-shadow:0 28px 75px rgba(5,7,6,.20);border-color:rgba(8,123,53,.28)}.cardx.no-hover:hover{transform:none}.section-title{font-weight:950;letter-spacing:-.06em;line-height:.95}.section-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:950;color:var(--h-red)}.product-img{aspect-ratio:1/1;object-fit:cover;width:100%;background:#171717}.cover-wide{aspect-ratio:16/6;object-fit:cover;width:100%;background:#171717}.artist-avatar{width:110px;height:110px;border-radius:28px;object-fit:cover;border:5px solid var(--h-cream);box-shadow:0 14px 35px rgba(0,0,0,.2)}.price{font-size:1.18rem;font-weight:950;letter-spacing:-.03em}.product-title{font-weight:950;letter-spacing:-.025em}.product-title a:hover{color:var(--h-green)}.feature-strip{background:#050706;color:#fff;border-radius:28px;padding:1rem;border:1px solid rgba(255,255,255,.12)}.feature-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1rem}.feature-pill strong{display:block;color:var(--h-gold);font-size:1.45rem;letter-spacing:-.04em}.category-tile{min-height:145px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#06120a,#0d2e16);padding:1.2rem;position:relative;overflow:hidden}.category-tile:after{content:"";position:absolute;right:-26px;bottom:-34px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,var(--h-gold),var(--h-red));opacity:.8}.category-tile h3,.category-tile p{position:relative;z-index:1}.form-control,.form-select{border-radius:16px;padding:.78rem 1rem;border:1px solid rgba(17,21,17,.16);background:#fffdf7}.form-control:focus,.form-select:focus{border-color:var(--h-green);box-shadow:0 0 0 .25rem rgba(8,123,53,.12)}.table{--bs-table-bg:transparent}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:var(--h-muted);border-bottom:1px solid rgba(17,21,17,.12)}.pagination .page-link{border-radius:12px;margin:0 2px;color:var(--h-green);font-weight:800}.footer{background:#050706;color:rgba(255,255,255,.72);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--h-green),var(--h-gold),var(--h-red))}.footer a{color:#fff;font-weight:800}.footer a:hover{color:var(--h-gold)}
.admin-shell{min-height:100vh;background:linear-gradient(180deg,#fff9e8,#f2ead0)}.admin-sidebar{background:#050706;color:#fff;min-height:100vh;position:sticky;top:0;border-right:1px solid rgba(255,255,255,.08)}.admin-sidebar .side-logo{display:flex;align-items:center;gap:.7rem;margin-bottom:1.35rem}.admin-sidebar a{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.78);padding:.78rem 1rem;border-radius:16px;margin:.16rem 0;font-weight:900}.admin-sidebar a:hover,.admin-sidebar a.active{background:linear-gradient(90deg,rgba(8,123,53,.36),rgba(255,196,0,.14));color:#fff}.admin-main{padding:1.65rem 1.65rem 3rem}.admin-topbar{background:rgba(255,253,244,.86);border:1px solid var(--h-border);box-shadow:0 18px 50px rgba(5,7,6,.08);border-radius:24px;padding:1rem 1.15rem;margin-bottom:1.25rem}.stat{font-size:2.2rem;font-weight:950;letter-spacing:-.07em;line-height:1}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-25px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--h-gold),var(--h-red));opacity:.16}.mini-label{font-size:.77rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:var(--h-muted)}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:var(--h-green-2);box-shadow:0 0 0 4px rgba(15,184,95,.13)}.cover-sheen{position:relative}.cover-sheen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);transition:.6s}.cardx:hover .cover-sheen:after{transform:translateX(120%)}
@media(max-width:991px){.hero{padding:3rem 1.2rem;border-radius:28px}.admin-sidebar{min-height:auto;position:relative}.admin-main{padding:1rem}.sound-bars{height:60px}.cover-wide{aspect-ratio:16/8}.navbar.harmony-nav .navbar-collapse{padding-top:1rem}.btn-harmony,.btn-gold,.btn-red,.btn-ghost{padding:.65rem .9rem}.hero h1{letter-spacing:-.07em}.feature-strip{border-radius:22px}.category-tile{min-height:120px}.table-card{overflow-x:auto}.artist-avatar{width:86px;height:86px;border-radius:22px}}