/* GOLD PREMIUM UI */
:root { --gold:#d4af37; --gold-dark:#b8902f; --bg:#0b0909; --text:#ffffff; --card-bg:#1a1a1a;}
body{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;}
.top-nav{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--gold);background:#0c0c0c;}
.top-nav .logo{display:flex;align-items:center;gap:10px;}
.top-nav .logo span{font-size:1.4rem;font-weight:700;color:var(--gold);}
.menu a{color:var(--text);margin-left:20px;transition:.3s;}
.menu a:hover{color:var(--gold);}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(140deg,#000 0%,var(--gold-dark) 100%);}
.hero .title{font-size:3rem;color:var(--gold);}
.subtitle{font-size:1.2rem;}
.search-box input{margin-top:25px;width:60%;padding:15px;border-radius:6px;border:1px solid var(--gold);background:#000;color:var(--gold);}
.list-box{padding:50px 5%;}
.section-title{color:var(--gold);font-size:1.8rem;}
.song-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-top:25px;}
.song-card{background:var(--card-bg);border:1px solid #222;border-radius:10px;padding:12px;transition:.3s;}
.song-card:hover{border-color:var(--gold);transform:translateY(-4px);}
.song-card img{width:100%;border-radius:6px;}
footer{margin-top:45px;padding:28px;text-align:center;border-top:1px solid var(--gold);}
.navbar.bg-primary {
    background: linear-gradient(90deg, #181818, #2b2b2b) !important;
    border-bottom: 1px solid rgba(212, 175, 55, .35);
}

.navbar-brand img {
    filter: drop-shadow(0px 0px 6px rgba(212, 175, 55, 0.6));
}

.nav-link {
    color: #e8e8e8 !important;
}

.nav-link:hover {
    color: #d4af37 !important;
}
body {
    background: #080810 !important;
}

.section,
.panel,
.box,
.widget {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, .15) !important;
    border-radius: 10px;
}
.btn-danger,
.btn-outline-info,
.btn {
    background: linear-gradient(135deg, #d4af37, #f7e289) !important;
    color: #000 !important;
    border: none !important;
}

.btn:hover {
    filter: brightness(1.1);
}
.single-song,
.song-row,
.list .item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(212, 175, 55, .18) !important;
    border-radius: 10px;
}

.single-song:hover,
.song-row:hover,
.list .item:hover {
    background: rgba(212, 175, 55, 0.12) !important;
    transform: translateY(-2px);
}
<link rel="stylesheet"href="/assets/dist/style.css"><link rel="stylesheet"href="/assets/css/gold.css">
<link rel="stylesheet"href="/assets/css/gold.css?v=2">