/* AZ central UI system */
:root{
  --az-bg:#050505;
  --az-bg-soft:#0a0a0a;
  --az-panel:rgba(255,255,255,.055);
  --az-panel-strong:rgba(255,255,255,.085);
  --az-gold:#d4af37;
  --az-accent:#f6c344;
  --az-hover:#ffb300;
  --az-text:#ffffff;
  --az-muted:rgba(255,255,255,.72);
  --az-border:rgba(255,255,255,.10);
  --az-danger:#ff3355;
  --az-success:#20d67b;
  --az-radius:8px;
  --az-radius-pill:999px;
  --az-shadow:0 18px 48px rgba(0,0,0,.34);
  --az-shadow-gold:0 0 28px rgba(246,195,68,.14);
  --az-transition:.20s ease;
}

html{scroll-behavior:smooth}
body{
  background:
    linear-gradient(180deg,#050505 0%,#080808 48%,#050505 100%) !important;
  color:var(--az-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
*{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
a{color:inherit}

.az-page-title,
.portal-section h2,
.top100-title h1,
.member-page h1,
.password-page h1,
.section h2,
main > h1{
  color:var(--az-text);
  letter-spacing:-.035em;
  line-height:.98;
  text-wrap:balance;
}
.az-page-subtitle,
.portal-section-head p,
.member-page .muted,
.password-page p,
.section .muted,
.top100-subtitle,
.muted{
  color:var(--az-muted) !important;
}

.az-btn,
.az-btn-primary,
.az-btn-secondary,
.az-btn-danger,
.az-btn-success,
.portal-btn,
.az-small-btn,
.btn,
button,
input[type=submit],
input[type=button],
.page-link,
.admin-review-filter,
.profile-social-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  border-radius:var(--az-radius-pill);
  border:1px solid var(--az-border);
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  color:var(--az-text);
  font-weight:900;
  text-decoration:none;
  line-height:1;
  padding:.72rem 1rem;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transition:transform var(--az-transition),border-color var(--az-transition),background var(--az-transition),color var(--az-transition),box-shadow var(--az-transition);
}
.az-btn:hover,
.az-btn-secondary:hover,
.portal-btn:hover,
.az-small-btn:hover,
.btn:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.page-link:hover,
.admin-review-filter:hover,
.profile-social-link:hover{
  transform:translateY(-1px) scale(1.015);
  border-color:rgba(246,195,68,.45);
  color:var(--az-accent);
  box-shadow:var(--az-shadow-gold),0 14px 32px rgba(0,0,0,.24);
}
.az-btn-primary,
.portal-btn-gold,
.primary,
.page-link.active,
.admin-review-filter.active{
  background:linear-gradient(135deg,var(--az-gold),var(--az-accent));
  color:#050505 !important;
  border-color:transparent !important;
  box-shadow:0 14px 34px rgba(212,175,55,.22);
}
.az-btn-primary:hover,
.portal-btn-gold:hover,
.primary:hover{
  color:#050505 !important;
  background:linear-gradient(135deg,var(--az-accent),var(--az-hover));
}
.az-btn-danger,
.danger{
  background:linear-gradient(135deg,#ff3355,#991133) !important;
  color:#fff !important;
  border-color:transparent !important;
}
.az-btn-success,
.az-order,
.btn-buy{
  background:linear-gradient(135deg,var(--az-success),var(--az-accent)) !important;
  color:#041006 !important;
  border-color:transparent !important;
}

.az-card,
.portal-card,
.portal-price,
.portal-order-box,
.portal-socials,
.portal-player,
.az-track-card,
.member-panel,
.member-card,
.member-list-row,
.vip-profile-card,
.vip-thread-card,
.vip-request-card,
.top100-card,
.top100-special-card,
.track,
.section,
.stat,
.player-card,
.buy-panel,
.share-box,
.login-box,
.password-box,
.portfolio-card,
.portfolio-feature,
.analytics-card{
  border:1px solid var(--az-border) !important;
  border-radius:var(--az-radius) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.028)) !important;
  box-shadow:var(--az-shadow);
  transition:transform var(--az-transition),border-color var(--az-transition),box-shadow var(--az-transition),background var(--az-transition);
}
.az-card:hover,
.portal-card:hover,
.portal-price:hover,
.az-track-card:hover,
.member-card:hover,
.member-list-row:hover,
.vip-profile-card:hover,
.vip-thread-card:hover,
.vip-request-card:hover,
.top100-card:hover,
.top100-special-card:hover,
.track:hover,
.portfolio-card:hover{
  transform:translateY(-2px);
  border-color:rgba(246,195,68,.34) !important;
  box-shadow:var(--az-shadow),var(--az-shadow-gold);
}

.az-input,
input:not([type=checkbox]):not([type=radio]):not([type=file]),
textarea,
select{
  min-height:44px;
  border:1px solid var(--az-border) !important;
  border-radius:var(--az-radius) !important;
  background:rgba(0,0,0,.42) !important;
  color:var(--az-text) !important;
  padding:.75rem .9rem;
  outline:none;
  transition:border-color var(--az-transition),box-shadow var(--az-transition),background var(--az-transition);
}
.az-language{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,0,0,.36);flex:0 0 auto}
.az-language a{min-width:34px;min-height:32px;display:grid;place-items:center;border-radius:5px;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:900;text-decoration:none;transition:.20s ease}
.az-language a:hover,.az-language a[aria-current="true"]{background:#f6c344;color:#050505}
textarea{min-height:118px;resize:vertical}
input:focus,
textarea:focus,
select:focus{
  border-color:rgba(246,195,68,.56) !important;
  box-shadow:0 0 0 3px rgba(246,195,68,.10);
}
label{color:var(--az-muted)}
::placeholder{color:rgba(255,255,255,.42)}

.az-badge,
.az-badge-hot,
.az-badge-new,
.az-badge-vip,
.az-badge-premium,
.az-badge-admin,
.badge,
.member-badge,
.top100-badge,
.vip-request-status,
.track-style-pill{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  border-radius:var(--az-radius-pill);
  border:1px solid var(--az-border);
  background:rgba(255,255,255,.07);
  color:var(--az-muted);
  padding:.34rem .65rem;
  font-size:.76rem;
  font-weight:900;
  line-height:1;
}
.az-badge-hot,
.az-badge-new,
.az-badge-vip,
.az-badge-premium,
.az-badge-admin,
.badge.gold,
.member-badge-active{
  border-color:rgba(246,195,68,.34);
  background:linear-gradient(135deg,rgba(212,175,55,.24),rgba(246,195,68,.12));
  color:#fff3bf;
}
.az-badge-hot{background:linear-gradient(135deg,#ff3355,#991133);color:#fff}
.az-badge-success,.member-badge-active{color:#a7ffcb;border-color:rgba(32,214,123,.35)}

.az-header,
.portal-header,
header,
aside{
  background:rgba(5,5,5,.88) !important;
  border-color:var(--az-border) !important;
  backdrop-filter:blur(18px);
}
.az-nav,
.portal-nav,
.container.nav{
  width:min(1580px,calc(100% - 40px));
}
.az-brand strong,
.portal-brand strong,
.logo,
.brand{
  color:var(--az-accent) !important;
}
.az-logo-mark,
.portal-logo,
.logo{
  border-color:rgba(246,195,68,.26);
  box-shadow:var(--az-shadow-gold);
}
.az-menu a,
.portal-menu a,
.navlink,
.menu a{
  transition:color var(--az-transition),border-color var(--az-transition),background var(--az-transition),transform var(--az-transition);
}
.az-menu a:hover,
.az-menu a.active,
.portal-menu a:hover,
.navlink:hover,
.menu a:hover,
.menu a.active{
  color:var(--az-accent) !important;
}

.az-footer,
.portal-footer,
.top100-footer,
footer{
  border-top:1px solid var(--az-border) !important;
  color:rgba(255,255,255,.56) !important;
}
.az-site-footer{
  width:min(1580px,calc(100% - 40px));
  margin:32px auto 0;
  padding:22px 0 34px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.9rem;
  flex-wrap:wrap;
  text-align:center;
  font-size:.9rem;
}
.az-site-footer a{
  color:var(--az-muted);
  text-decoration:none;
  font-weight:800;
}
.az-site-footer a:hover{color:var(--az-accent)}
.az-site-footer span + span:before,
.az-site-footer a:before{
  content:"";
  width:4px;
  height:4px;
  display:inline-block;
  border-radius:50%;
  background:rgba(246,195,68,.55);
  margin:0 .9rem .15rem 0;
}

table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}
th{
  color:var(--az-accent) !important;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
td{
  border-top:1px solid var(--az-border) !important;
  border-bottom:1px solid var(--az-border) !important;
  background:rgba(255,255,255,.035) !important;
}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.055) !important}
tbody tr:hover td{background:rgba(246,195,68,.075) !important}
td:first-child{border-left:1px solid var(--az-border) !important;border-radius:var(--az-radius) 0 0 var(--az-radius)}
td:last-child{border-right:1px solid var(--az-border) !important;border-radius:0 var(--az-radius) var(--az-radius) 0}

.msg,
.portal-alert,
.toast,
.az-alert{
  border-radius:var(--az-radius) !important;
  border:1px solid var(--az-border) !important;
  background:rgba(255,255,255,.065) !important;
}
.msg.ok,
.portal-alert.ok{border-color:rgba(32,214,123,.36) !important;color:#a7ffcb !important}
.msg.err,
.portal-alert.err{border-color:rgba(255,51,85,.36) !important;color:#ffb4b4 !important}

.share-modal,
.modal,
.az-modal{
  backdrop-filter:blur(14px);
}
.share-box,
.modal-content,
.az-modal-content{
  border-radius:var(--az-radius) !important;
}

.az-track-card,
.top100-track,
.track{
  overflow:hidden;
}
.az-cover,
.cover,
.cover-shell .cover,
.portal-player-cover{
  border-radius:var(--az-radius) !important;
  border-color:rgba(246,195,68,.22) !important;
}
.player-card,
.az-mini-player,
.portal-player,
.sticky-player{
  border-color:rgba(246,195,68,.20) !important;
}
.play-btn,
.az-play-btn,
.main-play{
  background:linear-gradient(135deg,var(--az-gold),var(--az-accent)) !important;
  color:#050505 !important;
}

.profile-socials{
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  align-items:center;
}
.profile-social-link{
  width:44px;
  height:44px;
  padding:0;
  font-size:1rem;
}
.profile-social-link.website{color:#fff}
.profile-social-link.facebook{color:#9fc4ff}
.profile-social-link.instagram{color:#ffbdd8}
.profile-social-link.x{color:#fff}
.profile-social-link.tiktok{color:#c9fff7}

.tabs,
.member-flow-nav,
.top100-filters,
.portfolio-filters,
.admin-review-overview{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}
.tabs a,
.member-flow-nav a,
.top100-filters a,
.portfolio-filters a{
  min-height:40px;
  border-radius:var(--az-radius-pill);
  border:1px solid var(--az-border);
  background:rgba(255,255,255,.055);
  padding:.6rem .85rem;
  font-weight:900;
  text-decoration:none;
}
.tabs a:hover,
.member-flow-nav a:hover,
.top100-filters a:hover,
.portfolio-filters a:hover,
.tabs a.active,
.member-flow-nav a.active,
.top100-filters a.active,
.portfolio-filters a.active{
  color:#050505 !important;
  border-color:transparent;
  background:linear-gradient(135deg,var(--az-gold),var(--az-accent));
}

.az-main,
.portal-section,
.container{
  max-width:1580px;
}

.az-trial-banner,
.trial-status-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border:1px solid rgba(212,175,55,.28);
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.055));
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.az-trial-banner strong,
.trial-status-card strong{display:block;color:var(--az-gold)}
.az-trial-banner span,
.trial-status-card span{color:var(--az-muted)}
.trial-status-card{
  margin:1rem 0;
  padding:1rem;
  border-radius:var(--az-radius);
  flex-wrap:wrap;
}
.trial-status-card>div{
  min-width:150px;
}
.trial-signup-note{
  display:grid;
  gap:.25rem;
  padding:.9rem 1rem;
  border-radius:var(--az-radius);
  border:1px solid rgba(212,175,55,.28);
  background:rgba(212,175,55,.10);
}
.trial-signup-note strong{color:var(--az-gold)}
.trial-signup-note span{color:var(--az-muted)}
.portal-section,
.az-main{
  scroll-margin-top:92px;
}

@media(max-width:900px){
  .az-nav,
  .portal-nav,
  .container.nav{width:min(100% - 24px,1580px)}
  .az-menu,
  .portal-menu,
  .navlinks{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .az-menu::-webkit-scrollbar,
  .portal-menu::-webkit-scrollbar,
  .navlinks::-webkit-scrollbar{display:none}
  .az-btn,
  .portal-btn,
  .btn,
  button,
  input[type=submit],
  .az-small-btn{
    min-height:46px;
  }
  table{display:block;overflow-x:auto}
  td,th{white-space:normal}
}

@media(max-width:560px){
  .portal-section,
  .az-main{width:min(100% - 24px,1580px)}
  .portal-btn,
  .btn,
  .az-btn{width:100%}
  .actions,
  .buttons,
  .az-trial-banner,
  .trial-status-card,
  .portal-hero-actions{display:grid;grid-template-columns:1fr}
}

/* AZ Music Hub: one small player that remembers the last preview across pages. */
.az-hub-player{position:fixed;left:18px;right:18px;bottom:16px;z-index:9400;display:grid;grid-template-columns:52px minmax(130px,1fr) 40px 46px 40px 42px auto;grid-template-rows:auto 5px;align-items:center;gap:9px 10px;padding:10px 12px;border:1px solid rgba(246,195,68,.38);border-radius:18px;background:rgba(7,7,7,.95);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.65)}
.az-hub-player[hidden]{display:none}
.az-hub-player img{width:52px;height:52px;border-radius:11px;object-fit:cover;background:#111}
.az-hub-meta{min-width:0;display:grid;gap:3px}
.az-hub-meta strong,.az-hub-meta span,.az-hub-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.az-hub-meta strong{color:#fff;font-size:.9rem}
.az-hub-meta span{color:rgba(255,255,255,.72);font-size:.76rem}
.az-hub-meta small{color:var(--az-accent);font-size:.68rem}
.az-hub-player>button{min-height:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-weight:1000;cursor:pointer}
.az-hub-player>button:hover{border-color:rgba(246,195,68,.7);color:var(--az-accent)}
.az-hub-player>#azHubToggle{background:var(--az-gold);color:#050505;border-color:transparent;font-size:1rem}
.az-hub-player>#azHubCast{display:grid;place-items:center}
.az-hub-player>#azHubCast .az-svg-icon{width:18px;height:18px}
.az-hub-progress{grid-column:1/-1;height:5px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;cursor:pointer}
.az-hub-progress progress{display:block;width:100%;height:100%;border:0;appearance:none;background:transparent}
.az-hub-progress progress::-webkit-progress-bar{background:transparent}
.az-hub-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--az-gold),var(--az-accent));border-radius:999px}
.az-hub-progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--az-gold),var(--az-accent));border-radius:999px}
.az-hub-queue{position:absolute;right:12px;bottom:76px;width:min(380px,calc(100vw - 36px));max-height:320px;overflow:auto;padding:8px;border:1px solid rgba(246,195,68,.28);border-radius:16px;background:#0b0b0b;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.az-hub-queue[hidden]{display:none}
.az-hub-queue button{display:block;width:100%;min-height:40px;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;padding:8px 10px;cursor:pointer}
.az-hub-queue button.active{color:var(--az-accent)}
.az-hub-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
body.az-hub-open{padding-bottom:96px}
@media(max-width:720px){.az-hub-player{left:10px;right:10px;bottom:10px;grid-template-columns:44px minmax(0,1fr) 40px 44px 40px auto;gap:8px;padding:9px}.az-hub-player img{width:44px;height:44px;border-radius:9px}.az-hub-player>#azHubPrev,.az-hub-player>#azHubNext{display:none}.az-hub-player>#azHubQueueToggle span{display:none}.az-hub-player>#azHubQueueToggle{padding-inline:10px}.az-hub-meta strong{font-size:.8rem}.az-hub-meta span{font-size:.7rem}.az-hub-meta small{font-size:.62rem}body.az-hub-open{padding-bottom:86px}}