:root{
  --bg-main:#08090B;
  --bg-surface:rgba(255,255,255,0.03);
  --card:rgba(255,255,255,0.04);
  --accent:#00C853;
  --accent-strong:#007A3A;
  --text-primary:#F7EDE2;
  --text-secondary:#BFBDB8;
  --text-muted:#9c8f7f;
}

/* Global overrides (use !important to ensure take precedence over inline styles) */
html,body{background-color:var(--bg-main) !important;color:var(--text-primary) !important}
body{background-image:none !important}

/* Brand/header */
.site-header, .brand-panel{background:transparent !important}
.site-header{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;align-items:center !important;gap:clamp(6px,1.5vw,12px) !important;padding:0;margin:0; margin-bottom:15px}
.brand-panel{display:flex !important;align-items:center !important;gap:0 !important;padding:0;margin:0;background:transparent;border-radius:0;min-width:0 !important;flex:0 1 auto !important}
.brand-copy h1{color:var(--text-primary) !important}
.brand-subtitle{color:var(--text-secondary) !important}

/* Logo */
.brand-logo{background:transparent !important;box-shadow:none !important;border:none !important;overflow:hidden !important;padding:0 !important}
.brand-logo.brand-animation{width:clamp(64px,17vw,116px) !important;height:clamp(64px,17vw,116px) !important;flex-shrink:0 !important;margin-right:clamp(-12px,-1.8vw,-4px) !important}
.brand-logo.brand-image{min-width:0 !important;width:auto !important;height:clamp(38px,11vw,78px) !important;padding:0;border-radius:0;flex-shrink:1 !important}
.brand-logo.brand-image img{height:100% !important;width:auto !important;max-width:100% !important;object-fit:contain;border-radius:0;display:block}
.brand-logo lottie-player{width:100%;height:100%;object-fit:contain;display:block;background:transparent !important}

.controls{display:flex !important;align-items:center !important;gap:16px;margin:0 0 0 auto !important;flex-shrink:0 !important;position:static !important;top:auto !important;right:auto !important}
.user-menu-container{flex-shrink:0 !important}
.user-avatar-btn{width:clamp(36px,10vw,56px) !important;height:clamp(36px,10vw,56px) !important;border-radius:50%;border:2px solid transparent;background:transparent;box-shadow:none;padding:0;display:flex;align-items:center;justify-content:center}
.user-avatar-img,.user-avatar-initial{width:100%;height:100%;border-radius:50%;border:2px solid #00b386 !important;box-sizing:border-box !important}
.user-avatar-guest{width:100%;height:100%;border-radius:50%}

/* Buttons */
.btn{color:var(--text-primary) !important}
.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%) !important;color:#06110A !important}
.btn-ghost{background:rgba(255,255,255,0.03) !important;border-color:rgba(255,255,255,0.08) !important}

/* Cards and surfaces */
.hero, .card{background:var(--bg-surface) !important;border-color:rgba(255,255,255,0.06) !important}
.brand-panel{background:transparent !important; border-color:transparent !important}
.card-title, .card-description{color:var(--text-primary) !important}

/* User menu dropdown - solid, legible, modern */
.user-menu-dropdown{
  background:#14171B !important;
  background:color-mix(in srgb, var(--bg-main) 88%, white 6%) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  box-shadow:0 20px 45px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.35) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  padding:6px !important;
}
.user-menu-action{
  color:var(--text-primary) !important;
  background:transparent !important;
  border-radius:9px !important;
  font-weight:600 !important;
  padding:11px 14px !important;
  transition:background 0.15s ease, color 0.15s ease !important;
}
.user-menu-action:hover{
  background:var(--accent) !important;
  color:#06110A !important;
}

/* Links and accents */
a, .event-link{color:#00b386 !important}

/* Avatar */
.user-avatar-btn{background:transparent !important}

/* Small helpers */
.text-muted{color:var(--text-secondary) !important}

/* Ensure Lottie is visible */
lottie-player{filter:none !important}

/* Responsive adjustments if needed */
@media(max-width:640px){.brand-copy h1{font-size:1rem !important}}