/* CLGC FM premium visual system — charcoal, silver, electric cyan and violet */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--clgc-night:#080b16;--clgc-deep:#10162a;--clgc-panel:#151d34;--clgc-ink:#171c2d;--clgc-muted:#687087;--clgc-cyan:#35d6e7;--clgc-violet:#8b70ff;--clgc-silver:#d9e0eb;--clgc-white:#fff;--clgc-line:#e6e9f0;--clgc-glow:0 18px 55px rgba(22,31,58,.12);--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f3f9;--gold:var(--clgc-violet);--gold-soft:#d8d0ff;--text:var(--clgc-ink);--muted:var(--clgc-muted);--border:var(--clgc-line);--shadow:var(--clgc-glow)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif!important;background:#f6f7fb!important;color:var(--clgc-ink)!important;line-height:1.7!important}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif!important;letter-spacing:-.035em}a{transition:color .2s ease,background .2s ease,transform .2s ease}
.topbar{position:sticky!important;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px;padding:10px clamp(18px,5vw,72px)!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e7eaf2!important;box-shadow:0 8px 30px rgba(13,20,43,.07)!important;backdrop-filter:blur(16px)}
.brand{display:flex!important;align-items:center;gap:11px;color:#11172b!important;text-decoration:none;font-family:Manrope,sans-serif;font-size:1rem!important;font-weight:800!important;line-height:1.15}.brand__logo{display:block;width:64px;height:64px;object-fit:contain}.brand__station{display:grid;gap:5px;white-space:nowrap}.brand__station strong{font-size:1rem;letter-spacing:.01em}.brand__station small{color:#7771b7;font-size:.59rem;font-weight:800;letter-spacing:.15em}.topbar nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,24px);flex:1}.topbar nav a{color:#394158!important;font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap}.topbar nav a:hover{color:#7460dc!important}
.live-btn,.btn--primary,.btn:not(.btn--ghost){display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #7866e8!important;border-radius:999px!important;padding:12px 21px!important;background:linear-gradient(110deg,#7968ed,#4d9ce9)!important;color:#fff!important;font-weight:800!important;letter-spacing:.01em;box-shadow:0 9px 24px rgba(111,97,222,.24)}.live-btn:hover,.btn--primary:hover,.btn:not(.btn--ghost):hover{background:linear-gradient(110deg,#141a32,#26395c)!important;border-color:#26395c!important;transform:translateY(-2px)}.live-btn__dot{width:8px;height:8px;border-radius:50%;background:#ff5368;box-shadow:0 0 0 4px rgba(255,83,104,.17)}.btn--ghost{background:transparent!important;color:#202943!important;border:1px solid #cbd2e1!important;border-radius:999px!important}.btn--ghost:hover{background:#151d34!important;color:#fff!important}
.hero{position:relative;isolation:isolate;min-height:560px!important;padding:clamp(76px,10vw,132px) clamp(22px,8vw,120px)!important;background:linear-gradient(90deg,rgba(7,10,23,.96),rgba(10,15,34,.82) 52%,rgba(14,21,47,.28)),url('https://clgc-s3.s3.amazonaws.com/static/images/slide/clgc-img-1.JPG') center 42%/cover no-repeat!important;border:0!important;overflow:hidden}.hero:after{position:absolute;z-index:-1;right:5%;bottom:-190px;width:440px;height:440px;border:1px solid rgba(76,214,231,.2);border-radius:50%;box-shadow:0 0 0 36px rgba(139,112,255,.035),0 0 0 75px rgba(76,214,231,.025);content:""}.hero__content{max-width:760px!important}.hero h1{color:#fff!important;font-family:Manrope,sans-serif!important;font-size:clamp(2.7rem,6.5vw,5.2rem)!important;line-height:1.04!important;font-weight:800!important}.hero p{max-width:640px!important;color:rgba(245,248,255,.86)!important;font-size:clamp(1.05rem,2vw,1.25rem)!important}.hero .live-dot{color:#75eaf3!important}.hero .live-dot i{background:#ff5368!important}.live-pill{color:#fff!important;background:rgba(53,214,231,.13)!important;border:1px solid rgba(87,225,238,.35)!important}
.container{width:min(1200px,calc(100% - 42px))!important}.section{padding:58px 0!important}.section-kicker{color:#7465d9!important;font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:.14em}.section-header{margin-bottom:26px!important}.section-header h2,.section-heading h2{color:#151c33!important;font-size:clamp(1.65rem,3vw,2.25rem)!important}.section-header a,.section-heading a{color:#6e60d8!important}.player-card,.live-player,.now-card,.history-list,.card,.action-card,.show-card,.about-card,.stat,.player{background:#fff!important;color:var(--clgc-ink)!important;border:1px solid #e5e9f1!important;border-radius:19px!important;box-shadow:0 14px 38px rgba(20,29,56,.07)!important}.player-card{padding:22px!important;border-top:4px solid #7968ed!important}.live-player{background:linear-gradient(135deg,#151d34,#0b1021 65%,#172d48)!important;border:1px solid rgba(114,135,190,.3)!important;box-shadow:0 22px 65px rgba(10,16,35,.2)!important}.live-player__eyebrow{color:#61e0ec!important}.live-player__art{border-color:rgba(87,225,238,.25)!important}.player-play{background:linear-gradient(130deg,#45dce8,#8b70ff)!important;color:#10152a!important}.player-volume input{accent-color:#55d8e6!important}.section-heading a{color:#7666e8!important}.now-card__header{border-bottom:1px solid var(--clgc-line)!important}.now-card__header h2,.now-card__info h3,.show-card h3,.action-card h3{color:#151c33!important}.now-card__body{color:var(--clgc-ink)!important}.now-card__artist,.about-text p,.show-card p,.action-card p,.muted{color:var(--clgc-muted)!important}.now-card__meta-item{background:#f5f6fb!important;border:1px solid #e7eaf2!important}.now-card__meta-item span{color:#777f94!important}.now-card__meta-item strong{color:#171e36!important}.now-card__status.is-live{color:#147e68!important;background:#e8faf5!important;border-color:#c8eee3!important}.history-item{border-bottom:1px solid var(--clgc-line)!important}.history-item:hover{background:#f5f6fb!important}.history-song strong{color:#151c33!important}.history-song span,.history-time{color:var(--clgc-muted)!important}.history-num,.show-card__icon{color:#7565e5!important;background:#f0edff!important;border:1px solid #ded8ff!important}.about-text h2,.about-card strong{color:#151c33!important}.about-card p{color:var(--clgc-muted)!important}.action-card,.show-card{padding:26px!important}.action-card:hover,.show-card:hover,.discover-card:hover{transform:translateY(-4px);border-color:rgba(118,102,232,.45)!important}.show-card__presenter{color:#7160dc!important}.discover-section{padding-top:28px!important}.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.discover-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:260px;padding:27px;background:#fff;border:1px solid #e5e9f1;border-radius:19px;box-shadow:0 12px 32px rgba(20,29,56,.06);color:var(--clgc-ink)}.discover-card__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#f0edff;color:#7565e5;font-size:1.5rem}.discover-card__eyebrow{color:#7565e5;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.discover-card strong{color:#151c33;font-family:Manrope,sans-serif;font-size:1.18rem}.discover-card>span:not(.discover-card__icon):not(.discover-card__eyebrow){color:var(--clgc-muted);font-size:.94rem}.discover-card>b{margin-top:auto;color:#151c33;font-size:.86rem}.discover-card>b i{color:#7565e5;font-style:normal}
.site-footer{margin-top:65px!important;background:linear-gradient(135deg,#0b1021,#121a32 70%,#172b43)!important;color:#e9edf7!important;border-top:3px solid #7565e5!important}.footer-main{width:min(1200px,100%)!important}.footer-logo{display:flex!important;align-items:center;gap:14px!important;color:#fff!important}.footer-logo img{display:block;width:min(100px,25vw);height:90px;object-fit:contain;background:#fff;border-radius:15px;padding:5px}.footer-logo span{display:grid;gap:4px;font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:900}.footer-logo small{color:#8fe8f0;font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.footer-brand h2{color:#fff!important}.footer-caption,.footer-bottom{color:#c3cadb!important}.footer-links h3,.footer-motto{color:#8fe8f0!important}.footer-links a{color:#e0e5f0!important}.footer-links a:hover{color:#9b8cff!important}.anchor-target{display:block;position:relative;top:-95px;visibility:hidden}
@media(max-width:980px){.topbar{flex-wrap:wrap;justify-content:center}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;padding:8px 0 3px}.brand{margin-right:auto}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.topbar{gap:10px;padding:9px 15px!important;min-height:auto}.brand__logo{width:48px;height:48px}.brand__station{font-size:.85rem}.brand__station small{font-size:.5rem}.topbar nav{justify-content:flex-start;gap:17px}.topbar nav a{font-size:.82rem}.live-btn{padding:9px 12px!important;font-size:.72rem}.hero{min-height:460px!important;padding:70px 24px!important;background-position:58% center!important}.hero h1{font-size:clamp(2.45rem,12vw,3.6rem)!important}.container{width:min(100% - 30px,1200px)!important}.now-card__body{grid-template-columns:1fr!important}.now-card__art{max-width:170px;margin:auto}.now-card__meta{grid-template-columns:1fr!important}.discover-grid{grid-template-columns:1fr}.discover-card{min-height:220px}.footer-main{grid-template-columns:1fr!important;gap:28px!important}.footer-brand{grid-column:auto!important}.footer-bottom{align-items:flex-start!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
