.elementor-kit-154{--e-global-color-primary:#E8EAF2;--e-global-color-secondary:#8D98AD;--e-global-color-text:#8D98AD;--e-global-color-accent:#4F8EF7;--e-global-color-mm_background:#0B0D12;--e-global-color-mm_surface:#111318;--e-global-color-mm_surface_2:#161A24;--e-global-color-mm_surface_3:#1B2030;--e-global-color-mm_accent_light:#82B0FF;--e-global-color-mm_success_green:#2EBC82;--e-global-color-mm_gold:#D4942A;--e-global-color-mm_violet:#8B6FF7;--e-global-color-mm_danger_red:#E05555;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:600;}.elementor-kit-154 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
  COGOP Music Elementor Global CSS
  Paste into Elementor Pro > Site Settings > Custom CSS.
  All rules are scoped under .music-site and .music-homepage so this can be loaded globally.
*/

/* 1. Design Tokens */
:is(.music-homepage,.music-site){
  --bg:#0b0d12;
  --surface:#111318;
  --surface-2:#161a24;
  --surface-3:#1b2030;

  --text:#e8eaf2;
  --text-s:#8d98ad;
  --text-m:#566175;

  --border:rgba(255,255,255,.08);
  --border-h:rgba(255,255,255,.14);

  --accent:#4f8ef7;
  --accent-2:#82b0ff;
  --accent-soft:rgba(79,142,247,.12);
  --accent-border:rgba(79,142,247,.26);

  --green:#2ebc82;
  --green-soft:rgba(46,188,130,.11);
  --green-border:rgba(46,188,130,.22);

  --gold:#d4942a;
  --gold-soft:rgba(212,148,42,.12);

  --violet:#8b6ff7;
  --violet-soft:rgba(139,111,247,.12);
  --violet-border:rgba(139,111,247,.24);

  --red:#e05555;

  --r:10px;
  --rl:14px;
  --rxl:22px;
  --pill:999px;
  --max:1160px;

  --font:"DM Sans","DM Sans Placeholder",sans-serif;

  --shadow-button:0 8px 32px rgba(79,142,247,.22);
  --shadow-card-soft:0 16px 42px rgba(79,142,247,.08);
  --shadow-card-premium:0 30px 90px rgba(0,0,0,.38);
}

/* 2. Scoped Base And Elementor Compatibility */
:is(.music-homepage,.music-site),
:is(.music-homepage,.music-site) *{
  box-sizing:border-box;
}

:is(.music-homepage,.music-site){
  font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

:is(.music-homepage,.music-site) .elementor-widget,
:is(.music-homepage,.music-site) .elementor-widget-container{
  min-width:0;
}

:is(.music-homepage,.music-site) a{
  color:inherit;
  text-decoration:none;
}

:is(.music-homepage,.music-site) img,
:is(.music-homepage,.music-site) svg,
:is(.music-homepage,.music-site) video,
:is(.music-homepage,.music-site) canvas{
  max-width:100%;
  height:auto;
}

/* 3. Typography Base For Native Elementor Widgets */
:is(.music-homepage,.music-site) h1,
:is(.music-homepage,.music-site) .mh-h1,
:is(.music-homepage,.music-site) .elementor-heading-title.elementor-size-xl{
  font-family:var(--font);
  font-size:clamp(44px,6.4vw,76px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.03em;
  color:#fff;
}

:is(.music-homepage,.music-site) h2,
:is(.music-homepage,.music-site) .mh-h2,
:is(.music-homepage,.music-site) .elementor-heading-title{
  font-family:var(--font);
  font-size:clamp(32px,4vw,52px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.025em;
  color:#fff;
}

:is(.music-homepage,.music-site) h3,
:is(.music-homepage,.music-site) .mh-h3{
  font-family:var(--font);
  font-size:20px;
  font-weight:600;
  line-height:1.28;
  letter-spacing:-.016em;
  color:#fff;
}

:is(.music-homepage,.music-site) p,
:is(.music-homepage,.music-site) .mh-body,
:is(.music-homepage,.music-site) .elementor-widget-text-editor,
:is(.music-homepage,.music-site) .elementor-widget-text-editor p{
  font-family:var(--font);
  font-size:15px;
  line-height:1.68;
  color:var(--text-s);
  font-weight:400;
}

:is(.music-homepage,.music-site) .mh-section-copy{
  font-size:17px;
  line-height:1.72;
  color:var(--text-s);
  max-width:580px;
  font-weight:400;
}

:is(.music-homepage,.music-site) .mh-meta{
  font-size:12px;
  line-height:1.4;
  color:var(--text-m);
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* 4. Section And Container Helpers */
:is(.music-homepage,.music-site) .wrap,
:is(.music-homepage,.music-site) .mh-container{
  width:min(var(--max),calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
  min-width:0;
}

:is(.music-homepage,.music-site) .mh-section{
  padding:96px 0;
}

:is(.music-homepage,.music-site) .mh-section-lg{
  padding:100px 0;
}

:is(.music-homepage,.music-site) .mh-section-xl{
  padding:112px 0;
}

:is(.music-homepage,.music-site) .mh-section-surface{
  background:var(--surface);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

:is(.music-homepage,.music-site) .mh-section-head{
  margin-bottom:56px;
}

:is(.music-homepage,.music-site) .mh-center{
  text-align:center;
}

:is(.music-homepage,.music-site) .mh-center .mh-section-copy{
  margin-left:auto;
  margin-right:auto;
}

/* 5. Buttons For Elementor And Custom Markup */
:is(.music-homepage,.music-site) .btn,
:is(.music-homepage,.music-site) .mh-btn,
:is(.music-homepage,.music-site) .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--font);
  font-size:15px;
  font-weight:600;
  line-height:1;
  padding:13px 26px;
  border-radius:var(--rl);
  border:none;
  white-space:nowrap;
  transition:.18s;
  cursor:pointer;
  letter-spacing:-.01em;
}

:is(.music-homepage,.music-site) .btn i,
:is(.music-homepage,.music-site) .mh-btn i,
:is(.music-homepage,.music-site) .elementor-button-icon,
:is(.music-homepage,.music-site) .elementor-icon{
  font-size:17px;
}

:is(.music-homepage,.music-site) .btn-primary,
:is(.music-homepage,.music-site) .mh-btn-primary,
:is(.music-homepage,.music-site) .elementor-button{
  background:var(--accent);
  color:#fff;
  box-shadow:var(--shadow-button);
}

:is(.music-homepage,.music-site) .btn-primary:hover,
:is(.music-homepage,.music-site) .mh-btn-primary:hover,
:is(.music-homepage,.music-site) .elementor-button:hover{
  background:#6aa0ff;
  color:#fff;
  transform:translateY(-1px);
}

:is(.music-homepage,.music-site) .btn-ghost,
:is(.music-homepage,.music-site) .mh-btn-ghost{
  background:rgba(255,255,255,.07);
  border:1px solid var(--border-h);
  color:rgba(232,234,242,.82);
}

:is(.music-homepage,.music-site) .btn-ghost:hover,
:is(.music-homepage,.music-site) .mh-btn-ghost:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}

:is(.music-homepage,.music-site) .mh-btn-outline-violet{
  background:none;
  border:1px solid var(--violet-border);
  color:var(--violet);
}

:is(.music-homepage,.music-site) .mh-btn-outline-violet:hover{
  background:var(--violet-soft);
  transform:translateY(-1px);
}

:is(.music-homepage,.music-site) .link-arrow,
:is(.music-homepage,.music-site) .mh-link-arrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:var(--accent);
  transition:.15s;
}

:is(.music-homepage,.music-site) .link-arrow:hover,
:is(.music-homepage,.music-site) .mh-link-arrow:hover{
  gap:9px;
}

/* 6. Chips And Badges */
:is(.music-homepage,.music-site) .chip,
:is(.music-homepage,.music-site) .mh-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 14px;
  border-radius:var(--pill);
  border:1px solid var(--border-h);
  background:rgba(255,255,255,.05);
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  color:var(--text-s);
  letter-spacing:.01em;
}

:is(.music-homepage,.music-site) .chip i,
:is(.music-homepage,.music-site) .mh-chip i{
  font-size:14px;
}

:is(.music-homepage,.music-site) .chip-accent,
:is(.music-homepage,.music-site) .mh-chip-accent{
  border-color:var(--accent-border);
  color:var(--accent-2);
  background:var(--accent-soft);
}

:is(.music-homepage,.music-site) .chip-green,
:is(.music-homepage,.music-site) .mh-chip-green{
  border-color:var(--green-border);
  color:var(--green);
  background:var(--green-soft);
}

:is(.music-homepage,.music-site) .chip-violet,
:is(.music-homepage,.music-site) .mh-chip-violet{
  border-color:var(--violet-border);
  color:var(--violet);
  background:var(--violet-soft);
}

:is(.music-homepage,.music-site) .mh-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:2px 8px;
  border-radius:5px;
  font-size:11px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.01em;
}

:is(.music-homepage,.music-site) .mh-badge-accent{
  background:var(--accent-soft);
  color:var(--accent-2);
}

:is(.music-homepage,.music-site) .mh-badge-green{
  background:var(--green-soft);
  color:var(--green);
}

:is(.music-homepage,.music-site) .mh-badge-violet{
  background:var(--violet-soft);
  color:var(--violet);
}

:is(.music-homepage,.music-site) .mh-badge-gold{
  background:var(--gold-soft);
  color:var(--gold);
}

/* 7. Card And Surface Helpers */
:is(.music-homepage,.music-site) .mh-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--rxl);
  color:var(--text);
  min-width:0;
}

:is(.music-homepage,.music-site) .mh-card-dark{
  background:var(--bg);
}

:is(.music-homepage,.music-site) .mh-card-pad{
  padding:28px 24px;
}

:is(.music-homepage,.music-site) .mh-card-compact{
  border-radius:var(--rl);
  padding:14px 16px;
}

:is(.music-homepage,.music-site) .mh-card-hover{
  transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;
}

:is(.music-homepage,.music-site) .mh-card-hover:hover{
  border-color:var(--border-h);
  background:var(--surface-2);
}

:is(.music-homepage,.music-site) .mh-card-lift:hover{
  transform:translateY(-3px);
}

:is(.music-homepage,.music-site) .mh-icon-box{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:22px;
  background:var(--accent-soft);
  color:var(--accent);
  border:1px solid rgba(255,255,255,.07);
  flex-shrink:0;
}

/* 8. Color, Radius, And Shadow Utilities */
:is(.music-homepage,.music-site) .mh-text-primary{color:var(--text);}
:is(.music-homepage,.music-site) .mh-text-secondary{color:var(--text-s);}
:is(.music-homepage,.music-site) .mh-text-muted{color:var(--text-m);}
:is(.music-homepage,.music-site) .mh-text-accent{color:var(--accent);}
:is(.music-homepage,.music-site) .mh-text-green{color:var(--green);}
:is(.music-homepage,.music-site) .mh-text-violet{color:var(--violet);}
:is(.music-homepage,.music-site) .mh-text-gold{color:var(--gold);}

:is(.music-homepage,.music-site) .mh-surface{background:var(--surface);}
:is(.music-homepage,.music-site) .mh-surface-2{background:var(--surface-2);}
:is(.music-homepage,.music-site) .mh-bg-dark{background:var(--bg);}

:is(.music-homepage,.music-site) .mh-radius-sm{border-radius:var(--r);}
:is(.music-homepage,.music-site) .mh-radius-md{border-radius:var(--rl);}
:is(.music-homepage,.music-site) .mh-radius-lg{border-radius:var(--rxl);}
:is(.music-homepage,.music-site) .mh-radius-pill{border-radius:var(--pill);}

:is(.music-homepage,.music-site) .mh-shadow-button{box-shadow:var(--shadow-button);}
:is(.music-homepage,.music-site) .mh-shadow-card{box-shadow:var(--shadow-card-soft);}
:is(.music-homepage,.music-site) .mh-shadow-premium{box-shadow:var(--shadow-card-premium);}

:is(.music-homepage,.music-site) .mh-min-0{min-width:0;}

/* 9. Focus And Accessibility */
:is(.music-homepage,.music-site) a:focus-visible,
:is(.music-homepage,.music-site) button:focus-visible,
:is(.music-homepage,.music-site) input:focus-visible,
:is(.music-homepage,.music-site) textarea:focus-visible,
:is(.music-homepage,.music-site) select:focus-visible,
:is(.music-homepage,.music-site) .elementor-button:focus-visible{
  outline:2px solid var(--accent-2);
  outline-offset:3px;
}

/* 10. Minimal Responsive Helpers */
@media(max-width:820px){
  :is(.music-homepage,.music-site) .mh-section,
  :is(.music-homepage,.music-site) .mh-section-lg,
  :is(.music-homepage,.music-site) .mh-section-xl{
    padding:76px 0;
  }
}

@media(max-width:560px){
  :is(.music-homepage,.music-site) .wrap,
  :is(.music-homepage,.music-site) .mh-container{
    width:min(100% - 32px,var(--max));
  }

  :is(.music-homepage,.music-site) .btn,
  :is(.music-homepage,.music-site) .mh-btn,
  :is(.music-homepage,.music-site) .elementor-button{
    width:100%;
  }
}/* End custom CSS */