/* Playback Cloud black & gold rebrand overrides */
:root {
  --themecolor: #D4AF37;
  --gold: #D4AF37;
  --gold-light: #F3D778;
  --gold-dark: #A67C00;
  --blackcolor: #050505;
  --lightblack: #101010;
  --lightgrey: #cfc7b1;
  --bluecolor: #D4AF37;
}
html { scroll-behavior: smooth; }
body { background: #050505; color: #F8F3E7; }
a { color: #D4AF37; }
a:hover { color: #F3D778; }
.header-field, .navbar.header-field {
  background: linear-gradient(135deg, #000 0%, #0b0b0b 58%, #211800 100%) !important;
  border-bottom: 1px solid rgba(212,175,55,.48);
  box-shadow: 0 12px 34px rgba(0,0,0,.55);
  padding: 14px 0;
}
.pc-brand img, .navbar-brand img, .footer-logo, .auth-logo { filter: drop-shadow(0 0 16px rgba(212,175,55,.28)); max-height: 74px; width: auto; }
.navbar-dark .navbar-nav .nav-link { color: rgba(248,243,231,.86) !important; letter-spacing: .02em; font-weight: 600; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link:hover { color: #D4AF37 !important; }
.register-btn, .btn-theme, .yellow-arrow-btn, .purchase-btn, .submit-btn, .auth-page .btn, button[type="submit"], input[type="submit"], .pc-btn-gold {
  background: linear-gradient(135deg, #D4AF37 0%, #f0d57b 52%, #A67C00 100%) !important;
  color: #050505 !important;
  border: 1px solid rgba(255,230,150,.65) !important;
  box-shadow: 0 10px 28px rgba(212,175,55,.22);
  font-weight: 800;
}
.register-btn:hover, .btn-theme:hover, .yellow-arrow-btn:hover, .purchase-btn:hover, .submit-btn:hover, .pc-btn-gold:hover {
  transform: translateY(-1px); background: linear-gradient(135deg, #F3D778 0%, #D4AF37 100%) !important; color: #000 !important;
}
.bg-theme { background-color: #D4AF37 !important; color:#000 !important; }
.text-theme, .text-yellow, .text-warning { color: #D4AF37 !important; }
.text-light-grey { color: #cfc7b1 !important; }
.auth-page { background-color: #000 !important; background-blend-mode: multiply; }
.auth-page .form-control, .auth-input input, .auth-input select, .auth-input textarea, .form-control { background: rgba(0,0,0,.72) !important; border: 1px solid rgba(212,175,55,.38) !important; color: #F8F3E7 !important; }
.auth-page .form-control::placeholder, .form-control::placeholder { color: rgba(248,243,231,.58) !important; }
.auth-page label { color: #cfc7b1 !important; }
.footer-section { background: radial-gradient(circle at top left, rgba(212,175,55,.14), transparent 34%), #030303 !important; border-top: 1px solid rgba(212,175,55,.42); }
.footer-section h4, .footer-section a:hover, .lower-footer a:hover { color: #D4AF37 !important; }
.footer-section a, .pc-footer-muted, .pc-footer-copy { color: #cfc7b1 !important; }
.lower-footer { border-top: 1px solid rgba(212,175,55,.22); padding: 24px 0; gap: 15px; }
.pc-aim-list li { color: #cfc7b1; margin-bottom: 10px; }

/* New Playback Cloud landing page */
.pc-home { background: #050505; overflow: hidden; }
.pc-hero { position: relative; min-height: 760px; display:flex; align-items:center; padding: 120px 0 90px; background: radial-gradient(circle at 12% 18%, rgba(212,175,55,.24), transparent 26%), radial-gradient(circle at 78% 12%, rgba(212,175,55,.13), transparent 30%), linear-gradient(145deg, #000 0%, #070707 50%, #151003 100%); }
.pc-glow { position:absolute; border-radius:999px; filter: blur(35px); opacity:.55; pointer-events:none; }
.pc-glow-one { width:280px; height:280px; background:rgba(212,175,55,.32); left:-80px; top:130px; }
.pc-glow-two { width:360px; height:360px; background:rgba(166,124,0,.18); right:-140px; bottom:50px; }
.pc-kicker, .pc-section-label { color:#D4AF37; text-transform:uppercase; letter-spacing:.18em; font-size:13px; font-weight:800; margin-bottom:18px; }
.pc-hero h1 { font-size: clamp(54px, 8vw, 112px); line-height:.88; color:#fff; font-weight:900; letter-spacing:-.06em; margin-bottom:28px; }
.pc-hero h1 span { color:#D4AF37; display:block; text-shadow: 0 0 34px rgba(212,175,55,.25); }
.pc-lead, .pc-section-intro, .pc-cta p { color:#d8cfb8; font-size: 18px; line-height:1.8; max-width: 730px; }
.pc-pill-row { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 34px; }
.pc-pill-row span, .pc-small-badge, .pc-genre { border:1px solid rgba(212,175,55,.35); color:#D4AF37; background:rgba(212,175,55,.08); border-radius:999px; padding:9px 14px; font-weight:700; font-size:13px; }
.pc-hero-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.pc-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 24px; border-radius:999px; font-weight:900; letter-spacing:.02em; }
.pc-btn-ghost { border:1px solid rgba(212,175,55,.45); color:#F8F3E7; background:rgba(255,255,255,.03); }
.pc-btn-ghost:hover { background:rgba(212,175,55,.14); color:#F3D778; }
.pc-promo-card { position:relative; background:linear-gradient(180deg, rgba(22,22,22,.96), rgba(5,5,5,.98)); border:1px solid rgba(212,175,55,.32); border-radius:32px; padding:34px; box-shadow:0 24px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.05); }
.pc-card-logo { max-width:220px; margin-bottom:24px; }
.pc-promo-card h2 { color:#fff; font-size:34px; line-height:1.05; margin-bottom:16px; }
.pc-promo-card p { color:#cfc7b1; }
.pc-stats-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; margin-top:26px; }
.pc-stats-grid div { border:1px solid rgba(212,175,55,.18); background:rgba(255,255,255,.04); border-radius:18px; padding:18px; }
.pc-stats-grid strong { display:block; color:#fff; font-size:24px; }
.pc-stats-grid span { color:#bfb69f; font-size:13px; }
.pc-section { padding: 100px 0; background: #050505; }
.pc-section:nth-of-type(even) { background: linear-gradient(180deg, #090909, #030303); }
.pc-section h2, .pc-cta h2 { color:#fff; font-weight:900; font-size: clamp(36px, 5vw, 64px); letter-spacing:-.04em; margin-bottom:18px; }
.pc-four-grid, .pc-three-grid, .pc-track-grid, .pc-artist-grid { display:grid; gap:22px; margin-top:38px; }
.pc-four-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.pc-three-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pc-track-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pc-artist-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.pc-four-grid article, .pc-access-card, .pc-track-card, .pc-artist-card { background:linear-gradient(180deg, rgba(22,22,22,.95), rgba(10,10,10,.98)); border:1px solid rgba(212,175,55,.20); border-radius:24px; padding:24px; box-shadow:0 18px 50px rgba(0,0,0,.28); }
.pc-four-grid h3, .pc-access-card h3, .pc-track-card h3, .pc-artist-card h3 { color:#fff; font-weight:800; margin-bottom:10px; }
.pc-four-grid p, .pc-access-card p, .pc-track-card p, .pc-artist-card p, .pc-artist-card small { color:#cfc7b1; }
.pc-access-card { display:block; min-height:250px; color:inherit; }
.pc-access-card:hover { transform:translateY(-4px); border-color:rgba(212,175,55,.55); color:inherit; }
.pc-access-card span { display:inline-block; color:#D4AF37; font-weight:900; margin-bottom:22px; text-transform:uppercase; font-size:12px; letter-spacing:.14em; }
.pc-section-split { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.pc-track-card { display:flex; gap:18px; align-items:center; }
.pc-track-art { width:92px; height:92px; flex:0 0 92px; border-radius:20px; background:radial-gradient(circle, rgba(212,175,55,.30), #111); display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(212,175,55,.30); }
.pc-track-art img { width:100%; height:100%; object-fit:cover; }
.pc-track-art span { color:#D4AF37; font-size:34px; }
.pc-track-body h3 { font-size:20px; margin:10px 0 4px; }
.pc-play-btn { margin-top:10px; background:transparent; color:#D4AF37; border:0; padding:0; font-weight:900; cursor:pointer; }
.pc-play-btn:hover { color:#F3D778; }
.pc-benefits { margin-top:0; }
.pc-discover { background: radial-gradient(circle at 78% 10%, rgba(212,175,55,.12), transparent 26%), #050505; }
.pc-artist-card { text-align:center; }
.pc-avatar { width:86px; height:86px; border-radius:999px; margin:0 auto 18px; border:1px solid rgba(212,175,55,.45); background:#111; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.pc-avatar img { width:100%; height:100%; object-fit:cover; }
.pc-avatar span { color:#D4AF37; font-size:34px; font-weight:900; }
.pc-cta { text-align:center; padding:110px 0; background:linear-gradient(135deg, rgba(212,175,55,.16), rgba(0,0,0,.95)), #000; border-top:1px solid rgba(212,175,55,.32); }
.pc-cta p { margin:0 auto 28px; }
.pc-floating-player { position:fixed; z-index:9999; left:24px; right:24px; bottom:-180px; max-width:760px; margin:auto; display:grid; grid-template-columns:1fr 320px; gap:18px; align-items:center; background:rgba(5,5,5,.97); border:1px solid rgba(212,175,55,.45); border-radius:22px; padding:18px 54px 18px 20px; box-shadow:0 24px 70px rgba(0,0,0,.58); transition:.35s ease; }
.pc-floating-player.is-visible { bottom:24px; }
.pc-floating-player span { color:#D4AF37; font-size:11px; font-weight:900; letter-spacing:.18em; }
.pc-floating-player strong { display:block; color:#fff; }
.pc-floating-player small { color:#cfc7b1; }
.pc-floating-player audio { width:100%; }
.pc-player-close { position:absolute; right:16px; top:12px; width:28px; height:28px; border-radius:50%; background:rgba(212,175,55,.14); color:#D4AF37; font-size:20px; }
::selection { background:#D4AF37; color:#000; }
@media (max-width: 1199px) { .pc-four-grid, .pc-artist-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } .pc-track-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 767px) { .pc-hero { min-height:auto; padding:80px 0 60px; } .pc-three-grid, .pc-four-grid, .pc-track-grid, .pc-artist-grid, .pc-stats-grid { grid-template-columns:1fr; } .pc-track-card { align-items:flex-start; } .pc-floating-player { grid-template-columns:1fr; left:12px; right:12px; padding-right:44px; } .pc-hero h1 { font-size:56px; } }