.gr-station-page {
width: 100%;
padding: 0 0 72px;
}
.gr-station-hero {
position: relative;
overflow: hidden;
min-height: clamp(520px, 58vw, 720px);
border-bottom: 1px solid var(--gr-line);
background: #05070d;
}
.gr-station-hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(7, 10, 18, 0.94), rgba(7, 10, 18, 0.62), rgba(7, 10, 18, 0.2)),
radial-gradient(circle at 18% 35%, rgba(20, 184, 166, 0.28), transparent 24rem),
radial-gradient(circle at 82% 28%, rgba(139, 92, 246, 0.24), transparent 24rem);
z-index: 1;
}
.gr-station-hero__bg,
.gr-station-hero__bg img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.gr-station-hero__bg img {
display: block;
object-fit: cover;
object-position: center;
transform: scale(1.04);
filter: saturate(1.08);
}
.gr-station-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: 32px;
align-items: center;
width: min(1440px, calc(100% - 32px));
min-height: clamp(520px, 58vw, 720px);
margin-inline: auto;
}
.gr-station-hero__copy h1 {
margin: 0 0 18px;
font-size: clamp(3.2rem, 7vw, 7rem);
line-height: 0.96;
}
.gr-station-hero__copy p {
max-width: 720px;
color: var(--gr-muted);
font-size: 1.14rem;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 22px;
}
.gr-station-badges span {
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
padding: 8px 12px;
background: rgba(255, 255, 255, 0.06);
color: #ccfbf1;
font-size: 0.8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.gr-station-hero__card {
padding: 28px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 18px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
rgba(7, 10, 18, 0.74);
box-shadow: var(--gr-shadow);
backdrop-filter: blur(14px);
}
.gr-station-hero__logo {
display: grid;
place-items: center;
width: min(260px, 80%);
aspect-ratio: 1;
margin: 0 auto 22px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.08);
overflow: hidden;
}
.gr-station-hero__logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gr-station-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.gr-station-section {
width: min(1440px, calc(100% - 32px));
margin: 0 auto;
padding: 58px 0 0;
}
.gr-station-section h2 {
margin: 0 0 14px;
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 1.05;
}
.gr-station-section > p {
max-width: 820px;
color: var(--gr-muted);
font-size: 1.08rem;
}
.gr-station-feature-grid,
.gr-station-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}
.gr-station-feature,
.gr-station-link-card {
padding: 28px;
border: 1px solid var(--gr-line);
border-radius: 18px;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}
.gr-station-feature h3,
.gr-station-link-card h3 {
margin: 0 0 12px;
font-size: 1.35rem;
}
.gr-station-feature p,
.gr-station-link-card p {
margin: 0;
color: var(--gr-muted);
}
.gr-station-link-card a {
display: inline-flex;
margin-top: 18px;
color: #99f6e4;
font-weight: 900;
text-decoration: none;
}
@media (max-width: 820px) {
.gr-station-hero__inner,
.gr-station-feature-grid,
.gr-station-link-grid {
grid-template-columns: 1fr;
}
.gr-station-hero__inner {
padding: 48px 0;
}
} .gr-station-page { width: 100%; padding: 0 0 72px; }
.gr-station-hero {
position: relative;
overflow: hidden;
min-height: clamp(520px, 58vw, 720px);
border-bottom: 1px solid var(--gr-line);
background: #05070d;
}
.gr-station-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(7,10,18,.94), rgba(7,10,18,.62), rgba(7,10,18,.2)),
radial-gradient(circle at 18% 35%, rgba(20,184,166,.28), transparent 24rem),
radial-gradient(circle at 82% 28%, rgba(139,92,246,.24), transparent 24rem);
z-index: 1;
}
.gr-station-hero__bg,
.gr-station-hero__bg img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.gr-station-hero__bg img {
display: block;
object-fit: cover;
object-position: center;
filter: saturate(1.08);
}
.gr-station-hero__inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
gap: 32px;
align-items: center;
width: min(1440px, calc(100% - 32px));
min-height: clamp(520px, 58vw, 720px);
margin-inline: auto;
}
.gr-station-hero__copy h1 {
margin: 0 0 18px;
font-size: clamp(3.2rem, 7vw, 7rem);
line-height: .96;
}
.gr-station-hero__copy p,
.gr-station-section > p {
color: var(--gr-muted);
font-size: 1.1rem;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 22px;
}
.gr-station-badges span {
border: 1px solid rgba(255,255,255,.18);
border-radius: 999px;
padding: 8px 12px;
background: rgba(255,255,255,.06);
color: #ccfbf1;
font-size: .8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .08em;
}
.gr-station-hero__card,
.gr-station-feature,
.gr-station-link-card {
border: 1px solid var(--gr-line);
border-radius: 18px;
background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
box-shadow: 0 14px 40px rgba(0,0,0,.22);
}
.gr-station-hero__card {
padding: 28px;
background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(7,10,18,.74);
backdrop-filter: blur(14px);
}
.gr-station-hero__logo {
display: grid;
place-items: center;
width: min(220px, 70%);
aspect-ratio: 1;
margin: 0 auto 22px;
border-radius: 24px;
background: rgba(255,255,255,.08);
overflow: hidden;
}
.gr-station-hero__logo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gr-station-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.gr-station-section {
width: min(1440px, calc(100% - 32px));
margin: 0 auto;
padding: 58px 0 0;
}
.gr-station-section h2 {
margin: 0 0 14px;
font-size: clamp(2rem, 4vw, 3.6rem);
line-height: 1.05;
}
.gr-station-feature-grid,
.gr-station-link-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}
.gr-station-feature,
.gr-station-link-card { padding: 28px; }
.gr-station-feature h3,
.gr-station-link-card h3 {
margin: 0 0 12px;
font-size: 1.35rem;
}
.gr-station-feature p,
.gr-station-link-card p {
margin: 0;
color: var(--gr-muted);
}
.gr-station-link-card a {
display: inline-flex;
margin-top: 18px;
color: #99f6e4;
font-weight: 900;
text-decoration: none;
}
@media (max-width: 820px) {
.gr-station-hero__inner,
.gr-station-feature-grid,
.gr-station-link-grid { grid-template-columns: 1fr; }
.gr-station-hero__inner { padding: 48px 0; }
}  body.page-id-2 .gr-site-main > h1:first-child {
display: none;
}
.gr-site-header .custom-logo,
.custom-logo {
width: 88px !important;
height: 88px !important;
max-width: 88px !important;
object-fit: cover;
border-radius: 16px;
}
.gr-site-header {
min-height: auto !important;
}
@media (max-width: 720px) {
.gr-site-header .custom-logo,
.custom-logo {
width: 68px !important;
height: 68px !important;
max-width: 68px !important;
border-radius: 14px;
}
}  .gr-site-header {
padding: 18px 0 16px;
background:
radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 32%),
linear-gradient(135deg, rgba(8, 13, 28, 0.96), rgba(16, 24, 44, 0.94));
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.gr-site-header .gr-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.gr-brand,
.gr-brand a {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.gr-brand-name {
color: #fff;
font-weight: 800;
font-size: 1.08rem;
letter-spacing: 0.01em;
}
.gr-nav {
width: auto;
margin: 0;
}
.gr-nav .menu {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
}
.gr-nav .menu li {
margin: 0;
padding: 0;
}
.gr-nav .menu a {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 9px 14px;
border-radius: 999px;
color: rgba(255, 255, 255, 0.84);
text-decoration: none;
font-size: 0.94rem;
font-weight: 700;
line-height: 1;
background: rgba(255, 255, 255, 0.055);
border: 1px solid rgba(255, 255, 255, 0.08);
transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}
.gr-nav .menu a:hover,
.gr-nav .menu .current-menu-item > a {
color: #fff;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.9), rgba(99, 102, 241, 0.82));
border-color: rgba(255, 255, 255, 0.18);
transform: translateY(-2px);
} .gr-station-hero__copy,
.gr-station-hero__card {
animation: grFadeLift 700ms ease both;
}
.gr-station-hero__card {
animation-delay: 120ms;
}
.gr-station-feature,
.gr-station-link-card {
transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.gr-station-feature:hover,
.gr-station-link-card:hover {
transform: translateY(-5px);
border-color: rgba(20, 184, 166, 0.38);
box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
}
.gr-station-hero__logo img {
animation: grSoftPulse 4s ease-in-out infinite;
}
@keyframes grFadeLift {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes grSoftPulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.035);
}
}
@media (max-width: 900px) {
.gr-site-header .gr-container {
align-items: flex-start;
flex-direction: column;
gap: 14px;
}
.gr-nav {
width: 100%;
}
.gr-nav .menu {
justify-content: flex-start;
overflow-x: auto;
flex-wrap: nowrap;
padding-bottom: 6px;
scrollbar-width: thin;
}
.gr-nav .menu a {
white-space: nowrap;
}
}
@media (prefers-reduced-motion: reduce) {
.gr-station-hero__copy,
.gr-station-hero__card,
.gr-station-hero__logo img {
animation: none;
}
}  .gr-editable-home .gr-visual-hero__content,
.gr-editable-home .gr-section-heading,
.gr-editable-home .gr-station-grid,
.gr-editable-home .gr-info-grid,
.gr-editable-home .gr-demo-actions,
.gr-editable-home .gr-editor-note {
width: min(1440px, calc(100% - 32px)) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
}
.gr-editable-home .gr-info-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
} .gr-site-header {
padding: 18px 0;
background:
radial-gradient(circle at 12% 0%, rgba(20, 184, 166, 0.16), transparent 30%),
linear-gradient(135deg, #070b18 0%, #10182c 58%, #0b1020 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.gr-site-header .gr-container,
.gr-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.gr-nav {
width: auto;
margin-left: auto;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.055);
border: 1px solid rgba(255, 255, 255, 0.09);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
backdrop-filter: blur(16px);
}
.gr-nav .menu {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 4px 14px;
margin: 0;
padding: 0;
}
.gr-nav .menu li {
margin: 0;
padding: 0;
}
.gr-nav .menu a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: auto;
min-height: 34px;
padding: 7px 4px;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.78);
text-decoration: none;
font-size: 0.94rem;
font-weight: 750;
letter-spacing: 0.01em;
line-height: 1.1;
transition: color 180ms ease, transform 180ms ease;
}
.gr-nav .menu a::after {
content: "";
position: absolute;
left: 4px;
right: 4px;
bottom: 1px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, #14b8a6, #818cf8);
transform: scaleX(0);
transform-origin: center;
transition: transform 200ms ease;
}
.gr-nav .menu a:hover,
.gr-nav .menu .current-menu-item > a {
color: #fff;
transform: translateY(-1px);
}
.gr-nav .menu a:hover::after,
.gr-nav .menu .current-menu-item > a::after {
transform: scaleX(1);
} .gr-visual-hero__content,
.gr-station-card,
.gr-info-card,
.gr-station-hero__copy,
.gr-station-hero__card,
.gr-station-feature,
.gr-station-link-card {
animation: grFadeLift 650ms ease both;
}
.gr-station-card:hover,
.gr-info-card:hover,
.gr-station-feature:hover,
.gr-station-link-card:hover {
transform: translateY(-5px);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}
@media (max-width: 1000px) {
.gr-site-header .gr-container,
.gr-header-inner {
align-items: flex-start;
flex-direction: column;
gap: 14px;
}
.gr-nav {
width: 100%;
overflow-x: auto;
border-radius: 18px;
}
.gr-nav .menu {
flex-wrap: nowrap;
justify-content: flex-start;
}
.gr-nav .menu a {
white-space: nowrap;
}
}
@media (max-width: 760px) {
.gr-editable-home .gr-station-grid,
.gr-editable-home .gr-info-grid {
grid-template-columns: 1fr !important;
}
}  a[href="#main"],
a[href="#content"],
a[href="#primary"],
a[href="#main-content"],
.skip-link,
.screen-reader-text.skip-link,
.gr-skip-link {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
left: -999999px !important;
top: -999999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .gr-station-page {
width: min(1440px, calc(100% - 32px));
margin: 32px auto 64px;
color: #fff;
}
.gr-station-hero {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 34px;
align-items: center;
padding: 42px;
border-radius: 30px;
border: 1px solid rgba(94, 234, 212, 0.24);
background:
radial-gradient(circle at 12% 16%, rgba(45, 212, 191, 0.24), transparent 34%),
radial-gradient(circle at 88% 70%, rgba(96, 165, 250, 0.22), transparent 34%),
linear-gradient(135deg, #0f172a, #020617);
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.gr-station-kicker {
display: inline-flex;
gap: 8px;
align-items: center;
padding: 7px 13px;
border-radius: 999px;
color: #99f6e4;
background: rgba(20,184,166,.13);
border: 1px solid rgba(94,234,212,.24);
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
.gr-station-hero h1 {
margin: 18px 0 12px;
font-size: clamp(42px, 5vw, 76px);
line-height: .96;
letter-spacing: -.06em;
}
.gr-station-hero p {
max-width: 760px;
color: rgba(226,232,240,.78);
font-size: 18px;
line-height: 1.6;
}
.gr-station-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 22px 0;
}
.gr-station-badges span {
padding: 8px 12px;
border-radius: 999px;
background: rgba(15,23,42,.72);
border: 1px solid rgba(148,163,184,.18);
color: rgba(226,232,240,.86);
font-size: 13px;
font-weight: 850;
}
.gr-station-player-card {
padding: 24px;
border-radius: 26px;
background: rgba(15,23,42,.76);
border: 1px solid rgba(148,163,184,.18);
box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 20px 50px rgba(0,0,0,.28);
}
.gr-station-play-row {
display: flex;
align-items: center;
gap: 16px;
}
.gr-station-play {
width: 68px;
height: 68px;
border: 0;
border-radius: 999px;
cursor: pointer;
color: #06111d;
font-size: 24px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 18px 40px rgba(45,212,191,.24);
}
.gr-station-live-text strong {
display: block;
font-size: 20px;
}
.gr-station-live-text span {
color: rgba(226,232,240,.62);
font-size: 14px;
}
.gr-station-now {
margin-top: 20px;
padding: 14px 16px;
border-radius: 18px;
background: rgba(2,6,23,.52);
border: 1px solid rgba(148,163,184,.14);
overflow: hidden;
}
.gr-station-now small {
display: block;
margin-bottom: 7px;
color: #99f6e4;
font-size: 11px;
font-weight: 950;
letter-spacing: .12em;
text-transform: uppercase;
}
.gr-station-now span {
display: inline-block;
min-width: 100%;
white-space: nowrap;
color: #fff;
font-weight: 850;
animation: grSongScroll 18s linear infinite;
}
.gr-station-apps {
margin-top: 18px;
}
.gr-station-apps small {
display: block;
margin-bottom: 10px;
color: rgba(226,232,240,.68);
font-weight: 850;
}
.gr-station-apps div {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.gr-station-apps a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 54px;
min-width: 158px;
padding: 8px 14px;
border-radius: 16px;
background: rgba(2,6,23,.72);
border: 1px solid rgba(148,163,184,.24);
}
.gr-station-apps img {
height: 38px;
width: auto;
object-fit: contain;
}
.gr-station-content-grid {
display: grid;
grid-template-columns: 1.3fr .7fr;
gap: 22px;
margin-top: 26px;
}
.gr-station-panel {
padding: 28px;
border-radius: 24px;
background: rgba(15,23,42,.72);
border: 1px solid rgba(148,163,184,.16);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
}
.gr-station-panel h2,
.gr-station-panel h3 {
margin: 0 0 12px;
color: #fff;
letter-spacing: -.03em;
}
.gr-station-panel p,
.gr-station-panel li {
color: rgba(226,232,240,.74);
line-height: 1.6;
}
.gr-station-panel ul {
margin: 0;
padding-left: 18px;
}
.gr-station-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
background: linear-gradient(135deg, rgba(45,212,191,.16), rgba(96,165,250,.13));
border: 1px solid rgba(94,234,212,.24);
display: flex;
justify-content: space-between;
gap: 18px;
align-items: center;
}
.gr-station-cta a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px;
border-radius: 999px;
color: #06111d;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
@keyframes grSongScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-45%); }
}
@media (max-width: 950px) {
.gr-station-hero,
.gr-station-content-grid {
grid-template-columns: 1fr;
}
.gr-station-hero {
padding: 28px 22px;
}
.gr-station-cta {
display: grid;
}
} .gr-station-hero {
margin-top: 22px;
}
.gr-station-hero h1,
.gr-station-panel h2,
.gr-station-panel h3,
.gr-station-cta h2 {
color: #ffffff !important;
opacity: 1 !important;
}
.gr-station-hero p,
.gr-station-panel p,
.gr-station-panel li,
.gr-station-cta p {
color: rgba(248, 250, 252, 0.86) !important;
opacity: 1 !important;
}
.gr-station-kicker,
.gr-station-now small {
color: #99f6e4 !important;
}
.gr-station-live-text span,
.gr-station-apps small {
color: rgba(248, 250, 252, 0.76) !important;
} .gr-site-footer {
margin-top: 56px !important;
padding: 42px 0 28px !important;
border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
background:
radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
linear-gradient(180deg, rgba(2, 6, 23, 0.32), rgba(2, 6, 23, 0.92)) !important;
color: #fff !important;
}
.gr-footer-inner {
width: min(1440px, calc(100% - 32px)) !important;
margin-inline: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 28px !important;
align-items: start !important;
}
.gr-footer-brand strong {
display: block !important;
color: #ffffff !important;
font-size: 22px !important;
letter-spacing: -0.03em !important;
margin-bottom: 8px !important;
}
.gr-footer-brand p {
max-width: 620px !important;
margin: 0 !important;
color: rgba(226, 232, 240, 0.68) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
.gr-footer-links {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
gap: 10px 18px !important;
}
.gr-footer-links a {
color: rgba(226, 232, 240, 0.78) !important;
font-size: 14px !important;
font-weight: 750 !important;
text-decoration: none !important;
}
.gr-footer-links a:hover {
color: #99f6e4 !important;
}
.gr-footer-bottom {
width: min(1440px, calc(100% - 32px)) !important;
margin: 26px auto 0 !important;
padding-top: 18px !important;
border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
color: rgba(226, 232, 240, 0.52) !important;
font-size: 13px !important;
display: flex !important;
justify-content: space-between !important;
gap: 16px !important;
flex-wrap: wrap !important;
} body.page-id-2 .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
}
body.page-id-2 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
min-height: 560px !important;
padding: 54px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
linear-gradient(90deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.58) 48%, rgba(15, 23, 42, 0.78)),
url(//geetradio.com/wp-content/themes/geet-radio/assets/images/geet-radio-hero.png) center / cover no-repeat !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-2 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
background:
radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.28), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96, 165, 250, 0.24), transparent 36%),
linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(2, 6, 23, 0.72)) !important;
}
body.page-id-2 .gr-station-hero h1 {
color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
body.page-id-2 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
opacity: 1 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
font-weight: 650 !important;
}
body.page-id-2 .gr-station-kicker,
body.page-id-2 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-2 .gr-tamil-quote {
margin-top: 24px !important;
max-width: 660px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.page-id-2 .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-2 .gr-tamil-quote span {
display: block !important;
margin-top: 8px !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-2 .gr-station-player-card {
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
border-color: rgba(148, 163, 184, 0.24) !important;
}
body.page-id-2 .gr-station-now span {
color: #ffffff !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
padding: 32px 22px !important;
}
.gr-footer-inner {
grid-template-columns: 1fr !important;
}
.gr-footer-links {
justify-content: flex-start !important;
}
} body.page-id-2 .gr-station-hero {
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
}
body.page-id-2 .gr-station-brand-row {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 18px;
}
body.page-id-2 .gr-station-logo {
width: 112px;
height: 112px;
border-radius: 28px;
object-fit: cover;
border: 1px solid rgba(94, 234, 212, 0.34);
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16);
background: rgba(2, 6, 23, .42);
}
body.page-id-2 .gr-station-brand-copy {
display: grid;
gap: 8px;
}
body.page-id-2 .gr-station-brand-copy h1 {
margin: 0 !important;
}
body.page-id-2 .gr-modern-section {
margin-top: 26px;
}
body.page-id-2 .gr-modern-heading {
margin-bottom: 18px;
}
body.page-id-2 .gr-modern-heading small {
color: #99f6e4;
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
body.page-id-2 .gr-modern-heading h2 {
margin: 8px 0 0;
color: #fff;
font-size: clamp(28px, 3vw, 42px);
letter-spacing: -.04em;
}
body.page-id-2 .gr-feature-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-feature-tile,
body.page-id-2 .gr-mood-card,
body.page-id-2 .gr-related-card {
position: relative;
overflow: hidden;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.16);
background:
radial-gradient(circle at 18% 16%, rgba(45, 212, 191, 0.13), transparent 34%),
linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(8, 13, 29, 0.92));
box-shadow: 0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-feature-tile:hover,
body.page-id-2 .gr-mood-card:hover,
body.page-id-2 .gr-related-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, .36);
}
body.page-id-2 .gr-feature-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
margin-bottom: 16px;
border-radius: 15px;
color: #06111d;
font-size: 20px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-2 .gr-feature-tile h3,
body.page-id-2 .gr-mood-card h3,
body.page-id-2 .gr-related-card h3 {
margin: 0 0 8px;
color: #fff;
font-size: 20px;
letter-spacing: -.03em;
}
body.page-id-2 .gr-feature-tile p,
body.page-id-2 .gr-mood-card p,
body.page-id-2 .gr-related-card p {
margin: 0;
color: rgba(226, 232, 240, .72);
font-size: 15px;
line-height: 1.5;
}
body.page-id-2 .gr-mood-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-station-wide-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
border: 1px solid rgba(94, 234, 212, .24);
background:
radial-gradient(circle at 14% 20%, rgba(45, 212, 191, .20), transparent 34%),
linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(8, 13, 29, .96));
box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
body.page-id-2 .gr-station-wide-cta h2 {
margin: 0 0 8px;
color: #fff;
letter-spacing: -.04em;
}
body.page-id-2 .gr-station-wide-cta p {
margin: 0;
color: rgba(226, 232, 240, .74);
line-height: 1.55;
}
body.page-id-2 .gr-station-wide-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
body.page-id-2 .gr-station-wide-actions a,
body.page-id-2 .gr-related-card a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 15px;
border-radius: 999px;
color: #06111d;
font-size: 13px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-2 .gr-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-2 .gr-related-card a {
margin-top: 14px;
}
@media (max-width: 1050px) {
body.page-id-2 .gr-feature-list,
body.page-id-2 .gr-mood-grid,
body.page-id-2 .gr-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-2 .gr-station-wide-cta {
grid-template-columns: 1fr;
}
body.page-id-2 .gr-station-wide-actions {
justify-content: flex-start;
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-station-brand-row {
display: grid;
}
body.page-id-2 .gr-station-logo {
width: 92px;
height: 92px;
}
body.page-id-2 .gr-feature-list,
body.page-id-2 .gr-mood-grid,
body.page-id-2 .gr-related-grid {
grid-template-columns: 1fr;
}
} body.page-id-2 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
background:
linear-gradient(90deg, rgba(2,6,23,.92), rgba(2,6,23,.70) 48%, rgba(15,23,42,.86)),
radial-gradient(circle at 18% 18%, rgba(45,212,191,.30), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96,165,250,.26), transparent 34%),
linear-gradient(135deg, #07111f, #111827 52%, #020617) !important;
}
body.page-id-2 .gr-station-hero::after {
content: "";
position: absolute;
right: 34%;
top: 50%;
width: 360px;
height: 360px;
transform: translateY(-50%);
background: url(https://geetradio.com/wp-content/uploads/2024/08/Geet_Radio_Tamil_630x630.png) center / contain no-repeat;
opacity: .10;
filter: drop-shadow(0 20px 50px rgba(45,212,191,.22));
pointer-events: none;
animation: grTamilLogoDrift 7s ease-in-out infinite;
}
body.page-id-2 .gr-station-brand-row,
body.page-id-2 .gr-station-hero > div > p,
body.page-id-2 .gr-station-badges,
body.page-id-2 .gr-tamil-quote {
animation: grHeroRise .75s ease both;
}
body.page-id-2 .gr-station-hero > div > p { animation-delay: .08s; }
body.page-id-2 .gr-station-badges { animation-delay: .16s; }
body.page-id-2 .gr-tamil-quote { animation-delay: .24s; }
body.page-id-2 .gr-station-player-card {
animation: grHeroCardIn .85s ease both;
}
body.page-id-2 .gr-station-apps {
display: none !important;
}
body.page-id-2 .gr-station-play {
transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-2 .gr-station-play:hover {
transform: scale(1.06);
box-shadow: 0 24px 54px rgba(45,212,191,.34);
}
body.page-id-2 .gr-station-play.is-playing {
background: linear-gradient(135deg, #facc15, #fb7185) !important;
}
body.page-id-2 .gr-tamil-action-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 28px;
}
body.page-id-2 .gr-tamil-action-card {
position: relative;
overflow: hidden;
padding: 30px;
border-radius: 26px;
border: 1px solid rgba(148,163,184,.16);
background:
radial-gradient(circle at 16% 18%, rgba(45,212,191,.16), transparent 34%),
linear-gradient(145deg, rgba(15,23,42,.86), rgba(8,13,29,.94));
box-shadow: 0 22px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-id-2 .gr-tamil-action-card h2 {
margin: 0 0 10px;
color: #fff;
letter-spacing: -.04em;
font-size: clamp(26px, 3vw, 40px);
}
body.page-id-2 .gr-tamil-action-card p {
margin: 0 0 20px;
color: rgba(226,232,240,.74);
line-height: 1.55;
}
body.page-id-2 .gr-app-big-badges {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
body.page-id-2 .gr-app-big-badges a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 62px;
min-width: 190px;
padding: 10px 16px;
border-radius: 18px;
background: #000;
border: 1px solid rgba(255,255,255,.28);
box-shadow: 0 16px 36px rgba(0,0,0,.28);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-app-big-badges a:hover {
transform: translateY(-4px) scale(1.03);
border-color: rgba(94,234,212,.52);
}
body.page-id-2 .gr-app-big-badges img {
height: 42px;
width: auto;
object-fit: contain;
}
body.page-id-2 .gr-ad-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border-radius: 999px;
color: #06111d;
font-size: 14px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 16px 34px rgba(45,212,191,.18);
}
body.page-id-2 .gr-album-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.page-id-2 .gr-album-card {
overflow: hidden;
border-radius: 24px;
border: 1px solid rgba(148,163,184,.16);
background: rgba(15,23,42,.82);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-2 .gr-album-card:hover {
transform: translateY(-6px);
border-color: rgba(94,234,212,.42);
}
body.page-id-2 .gr-album-card img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
background: #020617;
}
body.page-id-2 .gr-album-card div {
padding: 18px;
}
body.page-id-2 .gr-album-card h3 {
margin: 0 0 7px;
color: #fff;
font-size: 19px;
letter-spacing: -.03em;
}
body.page-id-2 .gr-album-card p {
margin: 0;
color: rgba(226,232,240,.70);
font-size: 14px;
line-height: 1.45;
} .gr-footer-find {
width: min(1440px, calc(100% - 32px));
margin: 0 auto 34px;
text-align: center;
}
.gr-footer-find h2 {
margin: 0 0 12px;
color: #fff;
font-size: clamp(28px, 3vw, 44px);
letter-spacing: -.04em;
}
.gr-footer-find p {
margin: 0 0 22px;
color: rgba(226,232,240,.76);
font-size: 17px;
}
.gr-footer-find strong {
display: block;
margin-bottom: 22px;
color: #fff;
font-size: 22px;
}
.gr-footer-find-logos {
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
}
.gr-footer-find-logos a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 64px;
padding: 10px 14px;
border-radius: 16px;
background: rgba(2,6,23,.34);
border: 1px solid rgba(148,163,184,.12);
transition: transform .22s ease, border-color .22s ease;
}
.gr-footer-find-logos a:hover {
transform: translateY(-4px);
border-color: rgba(94,234,212,.34);
}
.gr-footer-find-logos img {
display: block;
max-height: 48px;
max-width: 230px;
width: auto;
object-fit: contain;
}
@keyframes grHeroRise {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes grHeroCardIn {
from { opacity: 0; transform: translateX(24px) scale(.98); }
to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes grTamilLogoDrift {
0%, 100% { transform: translateY(-50%) rotate(-3deg) scale(1); }
50% { transform: translateY(-54%) rotate(3deg) scale(1.04); }
}
@media (max-width: 1050px) {
body.page-id-2 .gr-tamil-action-grid,
body.page-id-2 .gr-album-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-2 .gr-station-hero::after {
right: 6%;
opacity: .07;
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-tamil-action-grid,
body.page-id-2 .gr-album-grid {
grid-template-columns: 1fr;
}
body.page-id-2 .gr-app-big-badges a {
width: 100%;
}
} body.page-id-2 .gr-tamil-hero-art {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
body.page-id-2 .gr-tamil-hero-art img {
position: absolute;
width: 118px;
height: 118px;
object-fit: cover;
border-radius: 24px;
opacity: .22;
border: 1px solid rgba(255,255,255,.18);
box-shadow: 0 22px 54px rgba(0,0,0,.42);
filter: saturate(1.1) contrast(1.05);
animation: grTamilAlbumFloat 7s ease-in-out infinite;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
right: 31%;
top: 13%;
transform: rotate(-10deg);
animation-delay: 0s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
right: 23%;
bottom: 12%;
transform: rotate(8deg);
animation-delay: .8s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
right: 47%;
bottom: 18%;
transform: rotate(-6deg);
animation-delay: 1.4s;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
right: 43%;
top: 22%;
transform: rotate(7deg);
animation-delay: 2s;
}
body.page-id-2 .gr-listener-memory {
margin-top: 18px;
display: inline-flex;
align-items: center;
gap: 12px;
max-width: 660px;
padding: 14px 16px;
border-radius: 999px;
background: rgba(2, 6, 23, .52);
border: 1px solid rgba(94, 234, 212, .24);
backdrop-filter: blur(14px);
color: rgba(248, 250, 252, .88);
font-size: 14px;
font-weight: 800;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
animation: grHeroRise .75s ease both;
animation-delay: .32s;
}
body.page-id-2 .gr-listener-memory span {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: #06111d;
background: linear-gradient(135deg, #5eead4, #60a5fa);
font-weight: 950;
}
@keyframes grTamilAlbumFloat {
0%, 100% {
translate: 0 0;
}
50% {
translate: 0 -14px;
}
}
@media (max-width: 950px) {
body.page-id-2 .gr-tamil-hero-art img {
width: 84px;
height: 84px;
opacity: .14;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) { right: 6%; top: 10%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) { right: 12%; bottom: 12%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) { right: 38%; bottom: 8%; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) { right: 42%; top: 14%; }
body.page-id-2 .gr-listener-memory {
border-radius: 20px;
align-items: flex-start;
}
} body.page-id-2 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 34px !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art) {
position: relative !important;
z-index: 2 !important;
}
body.page-id-2 .gr-station-player-card {
position: relative !important;
z-index: 3 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
} body.page-id-2 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 176px !important;
height: 176px !important;
opacity: .24 !important;
border-radius: 30px !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
right: 36% !important;
top: 9% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
right: 28% !important;
bottom: 9% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
right: 52% !important;
bottom: 12% !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
right: 50% !important;
top: 20% !important;
}
body.page-id-2 .gr-listener-memory {
max-width: 660px !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-2 .gr-station-player-card {
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 110px !important;
height: 110px !important;
opacity: .14 !important;
}
} body.page-id-2 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
position: relative !important;
isolation: isolate !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-2 .gr-station-player-card {
position: relative !important;
z-index: 5 !important;
}
body.page-id-2 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-2 .gr-station-brand-row {
position: relative !important;
z-index: 6 !important;
}
body.page-id-2 .gr-listener-memory {
display: none !important;
} body.page-id-2 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-2 .gr-tamil-hero-art img {
position: absolute !important;
width: 150px !important;
height: 150px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .18 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
} body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
left: 48% !important;
top: 9% !important;
right: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
left: 58% !important;
top: 34% !important;
right: auto !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
left: 45% !important;
bottom: 10% !important;
right: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
left: 66% !important;
bottom: 13% !important;
right: auto !important;
top: auto !important;
} body.page-id-2 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-2 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 96px !important;
height: 96px !important;
opacity: .11 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(n) {
left: auto !important;
right: 6% !important;
}
} body.page-id-2 .gr-station-hero {
overflow: hidden !important;
}
body.page-id-2 .gr-station-brand-row {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art) > p {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .10s !important;
}
body.page-id-2 .gr-station-badges {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .18s !important;
}
body.page-id-2 .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .26s !important;
}
body.page-id-2 .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
} body.page-id-2 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
} body.page-id-2 .gr-tamil-hero-art {
z-index: 1 !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 138px !important;
height: 138px !important;
opacity: .20 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) {
left: auto !important;
right: 120px !important;
top: 24px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) {
left: auto !important;
right: 22px !important;
top: 150px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) {
left: auto !important;
right: 260px !important;
top: 210px !important;
bottom: auto !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) {
left: auto !important;
right: 70px !important;
bottom: 28px !important;
top: auto !important;
} body.page-id-2 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-2 .gr-station-player-card {
z-index: 6 !important;
}
@keyframes grTamilHeroContentIn {
from {
opacity: 0;
transform: translateY(18px);
filter: blur(6px);
}
to {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}
@keyframes grTamilPlayerIn {
from {
opacity: 0;
transform: translateX(26px) scale(.98);
filter: blur(5px);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
filter: blur(0);
}
}
@media (max-width: 950px) {
body.page-id-2 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
body.page-id-2 .gr-tamil-hero-art img {
width: 88px !important;
height: 88px !important;
opacity: .10 !important;
}
body.page-id-2 .gr-tamil-hero-art img:nth-child(1) { right: 16px !important; top: 24px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(2) { right: 112px !important; top: 92px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(3) { right: 28px !important; top: 176px !important; }
body.page-id-2 .gr-tamil-hero-art img:nth-child(4) { right: 124px !important; bottom: 30px !important; }
} body.page-id-2 .gr-tamil-slider-text {
position: relative;
min-height: 46px;
margin: 12px 0 16px;
overflow: hidden;
}
body.page-id-2 .gr-tamil-slider-text span {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transform: translateY(18px);
color: #ffffff;
font-size: clamp(24px, 3vw, 44px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -0.04em;
text-shadow: 0 16px 44px rgba(0,0,0,.48);
animation: grTamilTextSlider 12s infinite;
}
body.page-id-2 .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s; }
body.page-id-2 .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s; }
@keyframes grTamilTextSlider {
0% {
opacity: 0;
transform: translateY(18px);
}
8%, 22% {
opacity: 1;
transform: translateY(0);
}
30%, 100% {
opacity: 0;
transform: translateY(-18px);
}
}
@media (max-width: 700px) {
body.page-id-2 .gr-tamil-slider-text {
min-height: 76px;
}
} body.page-id-91 .gr-station-page,
body.page-id-91 .gr-language-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
body.page-id-91 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-91 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
body.page-id-91 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
body.page-id-91 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-91 .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
body.page-id-91 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
body.page-id-91 .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
}
body.page-id-91 .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-91 .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
}
body.page-id-91 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
}
body.page-id-91 .gr-station-kicker,
body.page-id-91 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-91 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-91 .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
body.page-id-91 .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
body.page-id-91 .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
body.page-id-91 .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
@media (max-width: 950px) {
body.page-id-91 .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
body.page-id-91 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-91 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
} body.page-id-91 .entry-title,
body.page-id-91 .page-title,
body.page-id-91 article > h1:first-child,
body.page-id-91 main > h1:first-child {
display: none !important;
}
body.page-id-91 .gr-telugu-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
body.page-id-91 .gr-telugu-page .gr-station-hero h1 {
display: block !important;
margin: 0 !important;
max-width: 680px !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation-name: grTamilTextSlider !important;
animation-duration: 12s !important;
animation-iteration-count: infinite !important;
animation-timing-function: ease !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
body.page-id-91 .gr-telugu-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-91 .gr-telugu-page .gr-tamil-quote span {
display: block !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-91 .gr-telugu-page .gr-station-brand-row,
body.page-id-91 .gr-telugu-page .gr-station-hero > div:not(.gr-tamil-hero-art) > p,
body.page-id-91 .gr-telugu-page .gr-station-badges,
body.page-id-91 .gr-telugu-page .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-91 .gr-telugu-page .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
} body.page-id-91 .gr-telugu-page .gr-station-content-grid,
body.page-id-91 .gr-telugu-page .gr-tamil-action-grid,
body.page-id-91 .gr-telugu-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 700px) {
body.page-id-91 .gr-telugu-page .gr-tamil-slider-text {
min-height: 78px !important;
}
} .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
.gr-station-page .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gr-station-page .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero > div:not(.gr-tamil-hero-art),
.gr-station-page .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
.gr-station-page .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
.gr-station-page .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
background: rgba(2, 6, 23, .42) !important;
}
.gr-station-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
.gr-station-page .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
.gr-station-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation: grTamilTextSlider 12s infinite !important;
}
.gr-station-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
.gr-station-page .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
}
.gr-station-page .gr-station-kicker,
.gr-station-page .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
.gr-station-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
margin-top: 24px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.gr-station-page .gr-tamil-quote strong,
.gr-station-page .gr-tamil-quote span {
display: block !important;
}
.gr-station-page .gr-tamil-quote strong {
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.gr-station-page .gr-tamil-quote span {
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.gr-station-page .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
.gr-station-page .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(4) { right: 70px !important; bottom: 28px !important; }
.gr-station-page .gr-station-content-grid,
.gr-station-page .gr-tamil-action-grid,
.gr-station-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 950px) {
.gr-station-page .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
.gr-station-page .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
.gr-station-page .gr-tamil-slider-text {
min-height: 78px !important;
}
} .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
color: #fff !important;
}
.gr-station-page .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
min-height: 560px !important;
padding: 54px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.gr-station-page .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
.gr-station-page .gr-station-hero > div:not(.gr-tamil-hero-art),
.gr-station-page .gr-station-player-card {
position: relative !important;
z-index: 6 !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
}
.gr-station-page .gr-station-brand-row {
display: flex !important;
align-items: center !important;
gap: 18px !important;
margin-bottom: 18px !important;
animation: grTamilHeroContentIn .75s ease both !important;
}
.gr-station-page .gr-station-logo {
width: 112px !important;
height: 112px !important;
border-radius: 28px !important;
object-fit: cover !important;
border: 1px solid rgba(94, 234, 212, 0.34) !important;
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16) !important;
background: rgba(2, 6, 23, .42) !important;
}
.gr-station-page .gr-station-brand-copy {
display: grid !important;
gap: 0 !important;
min-width: 0 !important;
}
.gr-station-page .gr-station-hero h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(42px, 5vw, 76px) !important;
line-height: .96 !important;
letter-spacing: -.06em !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
.gr-station-page .gr-tamil-slider-text {
position: relative !important;
display: block !important;
width: min(760px, 100%) !important;
min-height: 54px !important;
margin: 12px 0 0 !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-slider-text span {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
width: 100% !important;
white-space: normal !important;
opacity: 0 !important;
transform: translateY(18px) !important;
color: #ffffff !important;
font-size: clamp(23px, 2.8vw, 40px) !important;
line-height: 1.12 !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
text-shadow: 0 16px 44px rgba(0,0,0,.48) !important;
animation: grTamilTextSlider 12s infinite !important;
}
.gr-station-page .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s !important; }
.gr-station-page .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s !important; }
.gr-station-page .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
font-weight: 650 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
}
.gr-station-page .gr-station-kicker,
.gr-station-page .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
.gr-station-page .gr-tamil-quote {
display: grid !important;
gap: 8px !important;
max-width: 660px !important;
margin-top: 24px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.gr-station-page .gr-tamil-quote strong,
.gr-station-page .gr-tamil-quote span {
display: block !important;
}
.gr-station-page .gr-tamil-quote strong {
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
.gr-station-page .gr-tamil-quote span {
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
.gr-station-page .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
.gr-station-page .gr-tamil-hero-art img {
position: absolute !important;
width: 138px !important;
height: 138px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .20 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
animation: grTamilAlbumFloat 7s ease-in-out infinite !important;
}
.gr-station-page .gr-tamil-hero-art img:nth-child(1) { right: 120px !important; top: 24px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(2) { right: 22px !important; top: 150px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(3) { right: 260px !important; top: 210px !important; }
.gr-station-page .gr-tamil-hero-art img:nth-child(4) { right: 70px !important; bottom: 28px !important; }
.gr-station-page .gr-station-content-grid,
.gr-station-page .gr-tamil-action-grid,
.gr-station-page .gr-modern-section {
margin-top: 26px !important;
}
@media (max-width: 950px) {
.gr-station-page .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
.gr-station-page .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
.gr-station-page .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
.gr-station-page .gr-tamil-slider-text {
min-height: 78px !important;
}
}
body.page-id-514 .gr-site-main > h1:first-child {
display: none;
}
body.page-id-514 .gr-station-page {
width: min(1440px, calc(100% - 32px)) !important;
margin: 30px auto 64px !important;
}
body.page-id-514 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
min-height: 560px !important;
padding: 54px !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
background:
linear-gradient(90deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.58) 48%, rgba(15, 23, 42, 0.78)),
url(//geetradio.com/wp-content/themes/geet-radio/assets/images/geet-radio-hero.png) center / cover no-repeat !important;
box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.page-id-514 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
background:
radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.28), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96, 165, 250, 0.24), transparent 36%),
linear-gradient(180deg, rgba(2, 6, 23, 0.12), rgba(2, 6, 23, 0.72)) !important;
}
body.page-id-514 .gr-station-hero h1 {
color: #ffffff !important;
opacity: 1 !important;
text-shadow: 0 18px 55px rgba(0,0,0,.62) !important;
}
body.page-id-514 .gr-station-hero p {
color: rgba(248, 250, 252, 0.94) !important;
opacity: 1 !important;
text-shadow: 0 10px 34px rgba(0,0,0,.52) !important;
font-weight: 650 !important;
}
body.page-id-514 .gr-station-kicker,
body.page-id-514 .gr-station-badges span {
opacity: 1 !important;
color: #eafffb !important;
background: rgba(2, 6, 23, 0.58) !important;
backdrop-filter: blur(14px) !important;
}
body.page-id-514 .gr-tamil-quote {
margin-top: 24px !important;
max-width: 660px !important;
padding: 18px 20px !important;
border-radius: 22px !important;
border: 1px solid rgba(94, 234, 212, 0.25) !important;
background: rgba(2, 6, 23, 0.50) !important;
backdrop-filter: blur(14px) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body.page-id-514 .gr-tamil-quote strong {
display: block !important;
color: #ffffff !important;
font-size: clamp(22px, 2.4vw, 34px) !important;
line-height: 1.25 !important;
letter-spacing: -0.02em !important;
}
body.page-id-514 .gr-tamil-quote span {
display: block !important;
margin-top: 8px !important;
color: rgba(204, 251, 241, 0.86) !important;
font-size: 14px !important;
font-weight: 800 !important;
}
body.page-id-514 .gr-station-player-card {
background: rgba(15, 23, 42, 0.72) !important;
backdrop-filter: blur(18px) !important;
border-color: rgba(148, 163, 184, 0.24) !important;
}
body.page-id-514 .gr-station-now span {
color: #ffffff !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
padding: 32px 22px !important;
}
body.page-id-514 .gr-station-hero {
background:
radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 76% 16%, rgba(96, 165, 250, 0.25), transparent 30%),
radial-gradient(circle at 88% 88%, rgba(250, 204, 21, 0.14), transparent 32%),
linear-gradient(135deg, #07111f 0%, #111827 48%, #020617 100%) !important;
}
body.page-id-514 .gr-station-brand-row {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 18px;
}
body.page-id-514 .gr-station-logo {
width: 112px;
height: 112px;
border-radius: 28px;
object-fit: cover;
border: 1px solid rgba(94, 234, 212, 0.34);
box-shadow: 0 22px 50px rgba(0,0,0,.34), 0 0 36px rgba(45,212,191,.16);
background: rgba(2, 6, 23, .42);
}
body.page-id-514 .gr-station-brand-copy {
display: grid;
gap: 8px;
}
body.page-id-514 .gr-station-brand-copy h1 {
margin: 0 !important;
}
body.page-id-514 .gr-modern-section {
margin-top: 26px;
}
body.page-id-514 .gr-modern-heading {
margin-bottom: 18px;
}
body.page-id-514 .gr-modern-heading small {
color: #99f6e4;
font-size: 12px;
font-weight: 950;
letter-spacing: .13em;
text-transform: uppercase;
}
body.page-id-514 .gr-modern-heading h2 {
margin: 8px 0 0;
color: #fff;
font-size: clamp(28px, 3vw, 42px);
letter-spacing: -.04em;
}
body.page-id-514 .gr-feature-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-feature-tile,
body.page-id-514 .gr-mood-card,
body.page-id-514 .gr-related-card {
position: relative;
overflow: hidden;
padding: 22px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.16);
background:
radial-gradient(circle at 18% 16%, rgba(45, 212, 191, 0.13), transparent 34%),
linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(8, 13, 29, 0.92));
box-shadow: 0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-feature-tile:hover,
body.page-id-514 .gr-mood-card:hover,
body.page-id-514 .gr-related-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, .36);
}
body.page-id-514 .gr-feature-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
margin-bottom: 16px;
border-radius: 15px;
color: #06111d;
font-size: 20px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-514 .gr-feature-tile h3,
body.page-id-514 .gr-mood-card h3,
body.page-id-514 .gr-related-card h3 {
margin: 0 0 8px;
color: #fff;
font-size: 20px;
letter-spacing: -.03em;
}
body.page-id-514 .gr-feature-tile p,
body.page-id-514 .gr-mood-card p,
body.page-id-514 .gr-related-card p {
margin: 0;
color: rgba(226, 232, 240, .72);
font-size: 15px;
line-height: 1.5;
}
body.page-id-514 .gr-mood-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-station-wide-cta {
margin-top: 26px;
padding: 30px;
border-radius: 26px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
align-items: center;
border: 1px solid rgba(94, 234, 212, .24);
background:
radial-gradient(circle at 14% 20%, rgba(45, 212, 191, .20), transparent 34%),
linear-gradient(135deg, rgba(15, 23, 42, .9), rgba(8, 13, 29, .96));
box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
body.page-id-514 .gr-station-wide-cta h2 {
margin: 0 0 8px;
color: #fff;
letter-spacing: -.04em;
}
body.page-id-514 .gr-station-wide-cta p {
margin: 0;
color: rgba(226, 232, 240, .74);
line-height: 1.55;
}
body.page-id-514 .gr-station-wide-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
body.page-id-514 .gr-station-wide-actions a,
body.page-id-514 .gr-related-card a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 15px;
border-radius: 999px;
color: #06111d;
font-size: 13px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
}
body.page-id-514 .gr-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
body.page-id-514 .gr-related-card a {
margin-top: 14px;
}
body.page-id-514 .gr-feature-list,
body.page-id-514 .gr-mood-grid,
body.page-id-514 .gr-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-514 .gr-station-wide-cta {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-station-wide-actions {
justify-content: flex-start;
}
body.page-id-514 .gr-station-brand-row {
display: grid;
}
body.page-id-514 .gr-station-logo {
width: 92px;
height: 92px;
}
body.page-id-514 .gr-feature-list,
body.page-id-514 .gr-mood-grid,
body.page-id-514 .gr-related-grid {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-station-hero {
position: relative !important;
overflow: hidden !important;
background:
linear-gradient(90deg, rgba(2,6,23,.92), rgba(2,6,23,.70) 48%, rgba(15,23,42,.86)),
radial-gradient(circle at 18% 18%, rgba(45,212,191,.30), transparent 34%),
radial-gradient(circle at 82% 24%, rgba(96,165,250,.26), transparent 34%),
linear-gradient(135deg, #07111f, #111827 52%, #020617) !important;
}
body.page-id-514 .gr-station-hero::after {
content: "";
position: absolute;
right: 34%;
top: 50%;
width: 360px;
height: 360px;
transform: translateY(-50%);
background: url(https://geetradio.com/wp-content/uploads/2024/08/Geet_Radio_Tamil_630x630.png) center / contain no-repeat;
opacity: .10;
filter: drop-shadow(0 20px 50px rgba(45,212,191,.22));
pointer-events: none;
animation: grTamilLogoDrift 7s ease-in-out infinite;
}
body.page-id-514 .gr-station-brand-row,
body.page-id-514 .gr-station-hero > div > p,
body.page-id-514 .gr-station-badges,
body.page-id-514 .gr-tamil-quote {
animation: grHeroRise .75s ease both;
}
body.page-id-514 .gr-station-hero > div > p { animation-delay: .08s; }
body.page-id-514 .gr-station-badges { animation-delay: .16s; }
body.page-id-514 .gr-tamil-quote { animation-delay: .24s; }
body.page-id-514 .gr-station-player-card {
animation: grHeroCardIn .85s ease both;
}
body.page-id-514 .gr-station-apps {
display: none !important;
}
body.page-id-514 .gr-station-play {
transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-514 .gr-station-play:hover {
transform: scale(1.06);
box-shadow: 0 24px 54px rgba(45,212,191,.34);
}
body.page-id-514 .gr-station-play.is-playing {
background: linear-gradient(135deg, #facc15, #fb7185) !important;
}
body.page-id-514 .gr-tamil-action-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 28px;
}
body.page-id-514 .gr-tamil-action-card {
position: relative;
overflow: hidden;
padding: 30px;
border-radius: 26px;
border: 1px solid rgba(148,163,184,.16);
background:
radial-gradient(circle at 16% 18%, rgba(45,212,191,.16), transparent 34%),
linear-gradient(145deg, rgba(15,23,42,.86), rgba(8,13,29,.94));
box-shadow: 0 22px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
body.page-id-514 .gr-tamil-action-card h2 {
margin: 0 0 10px;
color: #fff;
letter-spacing: -.04em;
font-size: clamp(26px, 3vw, 40px);
}
body.page-id-514 .gr-tamil-action-card p {
margin: 0 0 20px;
color: rgba(226,232,240,.74);
line-height: 1.55;
}
body.page-id-514 .gr-app-big-badges {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
}
body.page-id-514 .gr-app-big-badges a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 62px;
min-width: 190px;
padding: 10px 16px;
border-radius: 18px;
background: #000;
border: 1px solid rgba(255,255,255,.28);
box-shadow: 0 16px 36px rgba(0,0,0,.28);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-app-big-badges a:hover {
transform: translateY(-4px) scale(1.03);
border-color: rgba(94,234,212,.52);
}
body.page-id-514 .gr-app-big-badges img {
height: 42px;
width: auto;
object-fit: contain;
}
body.page-id-514 .gr-ad-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border-radius: 999px;
color: #06111d;
font-size: 14px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 16px 34px rgba(45,212,191,.18);
}
body.page-id-514 .gr-album-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.page-id-514 .gr-album-card {
overflow: hidden;
border-radius: 24px;
border: 1px solid rgba(148,163,184,.16);
background: rgba(15,23,42,.82);
box-shadow: 0 18px 54px rgba(0,0,0,.24);
transition: transform .22s ease, border-color .22s ease;
}
body.page-id-514 .gr-album-card:hover {
transform: translateY(-6px);
border-color: rgba(94,234,212,.42);
}
body.page-id-514 .gr-album-card img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
background: #020617;
}
body.page-id-514 .gr-album-card div {
padding: 18px;
}
body.page-id-514 .gr-album-card h3 {
margin: 0 0 7px;
color: #fff;
font-size: 19px;
letter-spacing: -.03em;
}
body.page-id-514 .gr-album-card p {
margin: 0;
color: rgba(226,232,240,.70);
font-size: 14px;
line-height: 1.45;
}
body.page-id-514 .gr-tamil-action-grid,
body.page-id-514 .gr-album-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-id-514 .gr-station-hero::after {
right: 6%;
opacity: .07;
}
body.page-id-514 .gr-tamil-action-grid,
body.page-id-514 .gr-album-grid {
grid-template-columns: 1fr;
}
body.page-id-514 .gr-app-big-badges a {
width: 100%;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
body.page-id-514 .gr-tamil-hero-art img {
position: absolute;
width: 118px;
height: 118px;
object-fit: cover;
border-radius: 24px;
opacity: .22;
border: 1px solid rgba(255,255,255,.18);
box-shadow: 0 22px 54px rgba(0,0,0,.42);
filter: saturate(1.1) contrast(1.05);
animation: grTamilAlbumFloat 7s ease-in-out infinite;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
right: 31%;
top: 13%;
transform: rotate(-10deg);
animation-delay: 0s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
right: 23%;
bottom: 12%;
transform: rotate(8deg);
animation-delay: .8s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
right: 47%;
bottom: 18%;
transform: rotate(-6deg);
animation-delay: 1.4s;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
right: 43%;
top: 22%;
transform: rotate(7deg);
animation-delay: 2s;
}
body.page-id-514 .gr-listener-memory {
margin-top: 18px;
display: inline-flex;
align-items: center;
gap: 12px;
max-width: 660px;
padding: 14px 16px;
border-radius: 999px;
background: rgba(2, 6, 23, .52);
border: 1px solid rgba(94, 234, 212, .24);
backdrop-filter: blur(14px);
color: rgba(248, 250, 252, .88);
font-size: 14px;
font-weight: 800;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
animation: grHeroRise .75s ease both;
animation-delay: .32s;
}
body.page-id-514 .gr-listener-memory span {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 999px;
color: #06111d;
background: linear-gradient(135deg, #5eead4, #60a5fa);
font-weight: 950;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 84px;
height: 84px;
opacity: .14;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) { right: 6%; top: 10%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) { right: 12%; bottom: 12%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) { right: 38%; bottom: 8%; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) { right: 42%; top: 14%; }
body.page-id-514 .gr-listener-memory {
border-radius: 20px;
align-items: flex-start;
}
body.page-id-514 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 34px !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art) {
position: relative !important;
z-index: 2 !important;
}
body.page-id-514 .gr-station-player-card {
position: relative !important;
z-index: 3 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 176px !important;
height: 176px !important;
opacity: .24 !important;
border-radius: 30px !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
right: 36% !important;
top: 9% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
right: 28% !important;
bottom: 9% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
right: 52% !important;
bottom: 12% !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
right: 50% !important;
top: 20% !important;
}
body.page-id-514 .gr-listener-memory {
max-width: 660px !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-514 .gr-station-player-card {
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 110px !important;
height: 110px !important;
opacity: .14 !important;
}
body.page-id-514 .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 390px !important;
align-items: center !important;
gap: 42px !important;
position: relative !important;
isolation: isolate !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-514 .gr-station-player-card {
position: relative !important;
z-index: 5 !important;
}
body.page-id-514 .gr-station-player-card {
grid-column: 2 !important;
justify-self: end !important;
width: 100% !important;
max-width: 390px !important;
}
body.page-id-514 .gr-station-brand-row {
position: relative !important;
z-index: 6 !important;
}
body.page-id-514 .gr-listener-memory {
display: none !important;
}
body.page-id-514 .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
overflow: hidden !important;
}
body.page-id-514 .gr-tamil-hero-art img {
position: absolute !important;
width: 150px !important;
height: 150px !important;
object-fit: cover !important;
border-radius: 28px !important;
opacity: .18 !important;
border: 1px solid rgba(255,255,255,.16) !important;
box-shadow: 0 22px 54px rgba(0,0,0,.42) !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
left: 48% !important;
top: 9% !important;
right: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
left: 58% !important;
top: 34% !important;
right: auto !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
left: 45% !important;
bottom: 10% !important;
right: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
left: 66% !important;
bottom: 13% !important;
right: auto !important;
top: auto !important;
}
body.page-id-514 .gr-station-hero::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
background: linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.34) 48%, rgba(2,6,23,.72)) !important;
pointer-events: none !important;
}
body.page-id-514 .gr-station-hero {
grid-template-columns: 1fr !important;
}
body.page-id-514 .gr-station-player-card {
grid-column: 1 !important;
justify-self: stretch !important;
max-width: none !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 96px !important;
height: 96px !important;
opacity: .11 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(n) {
left: auto !important;
right: 6% !important;
}
body.page-id-514 .gr-station-hero {
overflow: hidden !important;
}
body.page-id-514 .gr-station-brand-row {
animation: grTamilHeroContentIn .75s ease both !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art) > p {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .10s !important;
}
body.page-id-514 .gr-station-badges {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .18s !important;
}
body.page-id-514 .gr-tamil-quote {
animation: grTamilHeroContentIn .75s ease both !important;
animation-delay: .26s !important;
}
body.page-id-514 .gr-station-player-card {
animation: grTamilPlayerIn .85s ease both !important;
animation-delay: .18s !important;
}
body.page-id-514 .gr-station-hero::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 45% !important;
z-index: 3 !important;
background: linear-gradient(90deg, rgba(2,6,23,.96), rgba(2,6,23,.78), rgba(2,6,23,0)) !important;
pointer-events: none !important;
}
body.page-id-514 .gr-tamil-hero-art {
z-index: 1 !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 138px !important;
height: 138px !important;
opacity: .20 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) {
left: auto !important;
right: 120px !important;
top: 24px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) {
left: auto !important;
right: 22px !important;
top: 150px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) {
left: auto !important;
right: 260px !important;
top: 210px !important;
bottom: auto !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) {
left: auto !important;
right: 70px !important;
bottom: 28px !important;
top: auto !important;
}
body.page-id-514 .gr-station-hero > div:not(.gr-tamil-hero-art),
body.page-id-514 .gr-station-player-card {
z-index: 6 !important;
}
body.page-id-514 .gr-station-hero::after {
width: 100% !important;
background: linear-gradient(180deg, rgba(2,6,23,.82), rgba(2,6,23,.36)) !important;
}
body.page-id-514 .gr-tamil-hero-art img {
width: 88px !important;
height: 88px !important;
opacity: .10 !important;
}
body.page-id-514 .gr-tamil-hero-art img:nth-child(1) { right: 16px !important; top: 24px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(2) { right: 112px !important; top: 92px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(3) { right: 28px !important; top: 176px !important; }
body.page-id-514 .gr-tamil-hero-art img:nth-child(4) { right: 124px !important; bottom: 30px !important; }
body.page-id-514 .gr-tamil-slider-text {
position: relative;
min-height: 46px;
margin: 12px 0 16px;
overflow: hidden;
}
body.page-id-514 .gr-tamil-slider-text span {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transform: translateY(18px);
color: #ffffff;
font-size: clamp(24px, 3vw, 44px);
line-height: 1.08;
font-weight: 950;
letter-spacing: -0.04em;
text-shadow: 0 16px 44px rgba(0,0,0,.48);
animation: grTamilTextSlider 12s infinite;
}
body.page-id-514 .gr-tamil-slider-text span:nth-child(1) { animation-delay: 0s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(2) { animation-delay: 3s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(3) { animation-delay: 6s; }
body.page-id-514 .gr-tamil-slider-text span:nth-child(4) { animation-delay: 9s; }
body.page-id-514 .gr-tamil-slider-text {
min-height: 76px;
} .gr-station-template .gr-station-hero-copy {
position: relative !important;
z-index: 6 !important;
min-width: 0 !important;
}
.gr-station-template .gr-station-hero-copy > p {
max-width: 760px !important;
margin: 18px 0 0 !important;
font-size: 18px !important;
line-height: 1.6 !important;
}
.gr-station-template .gr-station-player-card {
position: relative !important;
z-index: 7 !important;
}
.gr-station-template .gr-station-hero {
grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
}
.gr-station-template .gr-tamil-slider-text span {
white-space: normal !important;
}
@media (max-width: 950px) {
.gr-station-template .gr-station-hero {
grid-template-columns: 1fr !important;
}
} body .gr-station-page.gr-station-template .gr-station-hero {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(320px, 440px) !important;
gap: 44px !important;
align-items: center !important;
padding: 54px !important;
}
body .gr-station-page.gr-station-template .gr-station-hero-copy {
max-width: 620px !important;
}
body .gr-station-page.gr-station-template .gr-station-player-card {
width: 100% !important;
max-width: 440px !important;
justify-self: end !important;
}
body .gr-station-page.gr-station-template .gr-tamil-hero-art {
position: absolute !important;
inset: 0 !important;
pointer-events: none !important;
}
@media (max-width: 900px) {
body .gr-station-page.gr-station-template .gr-station-hero {
grid-template-columns: 1fr !important;
padding: 32px 22px !important;
}
body .gr-station-page.gr-station-template .gr-station-player-card {
max-width: none !important;
justify-self: stretch !important;
}
} .gr-contact-page {
padding: 40px 0 72px;
}
.gr-contact-hero {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: stretch;
margin-bottom: 28px;
}
.gr-contact-hero h1 {
margin: 8px 0 12px;
color: #fff;
font-size: clamp(38px, 5vw, 72px);
line-height: 1;
}
.gr-contact-hero p {
max-width: 760px;
color: rgba(226,232,240,.74);
font-size: 18px;
line-height: 1.65;
}
.gr-contact-info-card,
.gr-contact-form,
.gr-contact-side article {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.24);
}
.gr-contact-info-card {
padding: 26px;
display: grid;
gap: 8px;
align-content: center;
}
.gr-contact-info-card strong,
.gr-contact-side h2 {
color: #fff;
}
.gr-contact-info-card a,
.gr-contact-side a {
color: #67e8f9;
font-weight: 900;
text-decoration: none;
}
.gr-contact-info-card span,
.gr-contact-side p {
color: rgba(226,232,240,.7);
}
.gr-contact-grid {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
gap: 24px;
}
.gr-contact-form {
padding: 26px;
display: grid;
gap: 18px;
}
.gr-contact-form label {
display: grid;
gap: 8px;
color: #e5e7eb;
font-weight: 800;
}
.gr-contact-form input,
.gr-contact-form textarea {
width: 100%;
border: 1px solid rgba(255,255,255,.14);
border-radius: 14px;
background: rgba(2,6,23,.72);
color: #fff;
padding: 14px 16px;
font: inherit;
}
.gr-contact-form textarea {
resize: vertical;
}
.gr-contact-form button {
width: fit-content;
border: 0;
border-radius: 999px;
padding: 13px 22px;
background: linear-gradient(135deg, #22d3ee, #a78bfa);
color: #020617;
font-weight: 900;
cursor: pointer;
}
.gr-contact-side {
display: grid;
gap: 18px;
}
.gr-contact-side article {
padding: 24px;
}
.gr-contact-alert {
margin: 0 0 22px;
padding: 14px 18px;
border-radius: 16px;
font-weight: 900;
}
.gr-contact-alert.is-success {
background: rgba(34,197,94,.14);
color: #86efac;
border: 1px solid rgba(34,197,94,.28);
}
.gr-contact-alert.is-error {
background: rgba(248,113,113,.14);
color: #fecaca;
border: 1px solid rgba(248,113,113,.28);
}
.gr-field-hidden {
position: absolute;
left: -9999px;
opacity: 0;
}
@media (max-width: 900px) {
.gr-contact-hero,
.gr-contact-grid {
grid-template-columns: 1fr;
}
} .gr-advertise-page {
padding: 42px 0 76px;
}
.gr-advertise-hero {
position: relative;
overflow: hidden;
padding: 56px;
border-radius: 28px;
border: 1px solid rgba(255,255,255,.12);
background:
radial-gradient(circle at 18% 20%, rgba(34,211,238,.18), transparent 30%),
radial-gradient(circle at 82% 12%, rgba(168,85,247,.18), transparent 28%),
linear-gradient(135deg, #101827, #06111f 58%, #111827);
box-shadow: 0 26px 90px rgba(0,0,0,.34);
}
.gr-advertise-hero h1 {
max-width: 960px;
margin: 10px 0 16px;
color: #fff;
font-size: clamp(40px, 5.5vw, 78px);
line-height: 1;
}
.gr-advertise-hero p {
max-width: 820px;
color: rgba(226,232,240,.76);
font-size: 18px;
line-height: 1.7;
}
.gr-advertise-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 26px;
}
.gr-advertise-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 999px;
text-decoration: none;
font-weight: 900;
}
.gr-advertise-actions a:first-child {
background: linear-gradient(135deg, #22d3ee, #a78bfa);
color: #020617;
}
.gr-advertise-actions a:last-child {
border: 1px solid rgba(255,255,255,.18);
color: #fff;
background: rgba(255,255,255,.06);
}
.gr-advertise-stats,
.gr-advertise-grid {
display: grid;
gap: 18px;
margin-top: 26px;
}
.gr-advertise-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gr-advertise-stats article,
.gr-advertise-card,
.gr-advertise-form-section {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.gr-advertise-stats article {
padding: 22px;
display: grid;
gap: 6px;
}
.gr-advertise-stats strong {
color: #67e8f9;
font-size: 32px;
line-height: 1;
}
.gr-advertise-stats span,
.gr-advertise-card p,
.gr-advertise-form-section p {
color: rgba(226,232,240,.72);
}
.gr-advertise-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gr-advertise-card {
padding: 26px;
}
.gr-advertise-card h2,
.gr-advertise-form-section h2 {
color: #fff;
margin-top: 0;
}
.gr-advertise-form-section {
margin-top: 28px;
padding: 28px;
display: grid;
grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
gap: 28px;
align-items: start;
}
.gr-advertise-form {
background: rgba(2,6,23,.35);
}
@media (max-width: 980px) {
.gr-advertise-stats,
.gr-advertise-grid,
.gr-advertise-form-section {
grid-template-columns: 1fr;
}
.gr-advertise-hero {
padding: 34px 22px;
}
} .gr-privacy-page {
padding: 42px 0 76px;
}
.gr-privacy-hero {
padding: 54px;
border-radius: 28px;
border: 1px solid rgba(255,255,255,.12);
background:
radial-gradient(circle at 18% 20%, rgba(34,211,238,.18), transparent 30%),
radial-gradient(circle at 82% 14%, rgba(168,85,247,.18), transparent 30%),
linear-gradient(135deg, #101827, #06111f 58%, #111827);
box-shadow: 0 26px 90px rgba(0,0,0,.34);
}
.gr-privacy-hero h1 {
max-width: 900px;
margin: 10px 0 16px;
color: #fff;
font-size: clamp(40px, 5.5vw, 76px);
line-height: 1;
}
.gr-privacy-hero p {
max-width: 840px;
color: rgba(226,232,240,.76);
font-size: 18px;
line-height: 1.7;
}
.gr-privacy-hero span {
display: inline-flex;
margin-top: 14px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
color: #e5e7eb;
font-weight: 800;
font-size: 13px;
}
.gr-privacy-layout {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 24px;
margin-top: 28px;
align-items: start;
}
.gr-privacy-nav,
.gr-privacy-content section {
border: 1px solid rgba(255,255,255,.11);
background: rgba(15,23,42,.76);
border-radius: 24px;
box-shadow: 0 18px 45px rgba(0,0,0,.22);
}
.gr-privacy-nav {
position: sticky;
top: 96px;
padding: 16px;
display: grid;
gap: 8px;
}
.gr-privacy-nav a {
padding: 11px 12px;
border-radius: 14px;
color: rgba(226,232,240,.82);
text-decoration: none;
font-weight: 800;
}
.gr-privacy-nav a:hover {
background: rgba(34,211,238,.12);
color: #67e8f9;
}
.gr-privacy-content {
display: grid;
gap: 18px;
}
.gr-privacy-content section {
padding: 26px;
scroll-margin-top: 110px;
}
.gr-privacy-content h2 {
margin-top: 0;
color: #fff;
}
.gr-privacy-content p,
.gr-privacy-content li {
color: rgba(226,232,240,.74);
line-height: 1.7;
}
.gr-privacy-content ul {
margin-bottom: 0;
}
@media (max-width: 900px) {
.gr-privacy-layout {
grid-template-columns: 1fr;
}
.gr-privacy-nav {
position: static;
}
.gr-privacy-hero {
padding: 34px 22px;
}
} .gr-site-header {
position: sticky;
top: 0;
z-index: 9999;
background:
linear-gradient(90deg, rgba(2,6,23,.94), rgba(15,23,42,.9)),
radial-gradient(circle at 16% 50%, rgba(34,211,238,.18), transparent 28%);
backdrop-filter: blur(18px);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.gr-site-branding,
.site-branding,
.custom-logo-link {
position: relative;
}
.gr-site-branding::before,
.site-branding::before {
content: "♪  ♫  ●  ◌  ♬";
position: absolute;
left: 58px;
top: 50%;
transform: translateY(-50%);
color: rgba(34,211,238,.16);
font-size: 34px;
font-weight: 900;
letter-spacing: 10px;
pointer-events: none;
white-space: nowrap;
animation: grBrandNotes 10s linear infinite;
}
.gr-site-title,
.site-title,
.gr-brand-title {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: clamp(24px, 2.1vw, 34px);
font-weight: 950;
letter-spacing: .01em;
line-height: 1;
background: linear-gradient(135deg, #fff 0%, #67e8f9 42%, #a78bfa 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
text-shadow: 0 18px 38px rgba(34,211,238,.18);
}
.gr-site-title::after,
.site-title::after,
.gr-brand-title::after {
content: "Live Indian Radio";
display: inline-flex;
align-items: center;
margin-left: 4px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(34,211,238,.12);
border: 1px solid rgba(34,211,238,.24);
color: #9eeafd;
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
-webkit-text-fill-color: #9eeafd;
white-space: nowrap;
}
.custom-logo,
.gr-site-logo img,
.site-logo img {
border-radius: 14px;
box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 14px 32px rgba(34,211,238,.16);
animation: grLogoGlow 4.5s ease-in-out infinite;
}
@keyframes grBrandNotes {
from {
transform: translateY(-50%) translateX(0);
opacity: .35;
}
50% {
opacity: .7;
}
to {
transform: translateY(-50%) translateX(24px);
opacity: .35;
}
}
@keyframes grLogoGlow {
0%, 100% {
box-shadow: 0 0 0 1px rgba(255,255,255,.1), 0 14px 32px rgba(34,211,238,.13);
}
50% {
box-shadow: 0 0 0 1px rgba(34,211,238,.28), 0 18px 42px rgba(167,139,250,.26);
}
}
@media (max-width: 720px) {
.gr-site-branding::before,
.site-branding::before {
display: none;
}
.gr-site-title::after,
.site-title::after,
.gr-brand-title::after {
display: none;
}
} .gr-brand {
position: relative !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
isolation: isolate !important;
}
.gr-brand::before {
content: "♪ ♫ ♬";
position: absolute;
left: 52px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
color: rgba(34,211,238,.22);
font-size: 30px;
font-weight: 900;
letter-spacing: 10px;
white-space: nowrap;
pointer-events: none;
animation: grBrandNotesReal 9s ease-in-out infinite;
}
.gr-brand::after {
content: "";
position: absolute;
inset: -10px -16px;
z-index: -2;
border-radius: 22px;
background:
radial-gradient(circle at 20% 50%, rgba(34,211,238,.16), transparent 42%),
radial-gradient(circle at 80% 50%, rgba(167,139,250,.14), transparent 45%);
opacity: .9;
pointer-events: none;
}
.gr-brand-logo .custom-logo {
width: 46px !important;
height: 46px !important;
object-fit: cover !important;
border-radius: 14px !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 14px 30px rgba(34,211,238,.18) !important;
animation: grLogoGlowReal 4.5s ease-in-out infinite !important;
}
.gr-brand-name {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: transparent !important;
background: linear-gradient(135deg, #ffffff 0%, #67e8f9 45%, #a78bfa 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
font-size: clamp(24px, 2vw, 34px) !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-decoration: none !important;
text-shadow: 0 18px 38px rgba(34,211,238,.18) !important;
}
.gr-brand-name::after {
content: "Live Indian Radio";
display: inline-flex;
align-items: center;
margin-left: 4px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(34,211,238,.12);
border: 1px solid rgba(34,211,238,.24);
color: #9eeafd;
-webkit-text-fill-color: #9eeafd;
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
}
@keyframes grBrandNotesReal {
0%, 100% {
transform: translateY(-50%) translateX(0);
opacity: .35;
}
50% {
transform: translateY(-50%) translateX(22px);
opacity: .75;
}
}
@keyframes grLogoGlowReal {
0%, 100% {
box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 14px 30px rgba(34,211,238,.16);
}
50% {
box-shadow: 0 0 0 1px rgba(34,211,238,.28), 0 18px 44px rgba(167,139,250,.28);
}
}
@media (max-width: 820px) {
.gr-brand::before,
.gr-brand-name::after {
display: none !important;
}
.gr-brand-name {
font-size: 24px !important;
}
}body.home .gr-editable-home {
width: 100%;
max-width: none;
}
body.home .gr-editable-home .gr-visual-hero {
width: 100%;
max-width: none;
}
body.home .gr-editable-home .gr-visual-hero__content,
body.home .gr-editable-home .gr-section-heading,
body.home .gr-editable-home .gr-station-grid,
body.home .gr-editable-home .gr-info-grid,
body.home .gr-editable-home .gr-demo-actions,
body.home .gr-editable-home .gr-editor-note {
width: min(1440px, calc(100% - 32px)) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.home .gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
}
body.home .gr-editable-home .gr-info-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
}
body.home .gr-editable-home .gr-visual-hero__media,
body.home .gr-editable-home .gr-visual-hero__media img {
width: 100% !important;
max-width: none !important;
}
body.home .gr-station-card,
body.home .gr-info-card,
body.home .gr-visual-hero__content {
animation: grFadeLift 650ms ease both;
}
@media (max-width: 760px) {
body.home .gr-editable-home .gr-station-grid,
body.home .gr-editable-home .gr-info-grid {
grid-template-columns: 1fr !important;
}
} body.home .gr-featured-stations,
body.home .gr-station-preview,
body.home .gr-required-pages {
padding-top: 56px;
padding-bottom: 56px;
}
body.home .gr-section-heading {
margin-bottom: 24px !important;
}
body.home .gr-section-heading h2,
body.home .gr-station-preview h2,
body.home .gr-required-pages h2 {
color: #ffffff;
font-size: clamp(2rem, 4vw, 3.4rem);
line-height: 1.05;
margin: 0 0 12px;
}
body.home .gr-section-heading p,
body.home .gr-station-preview p,
body.home .gr-required-pages p {
color: rgba(255, 255, 255, 0.72);
font-size: 1.03rem;
}
body.home .gr-station-card,
body.home .gr-info-card,
body.home .gr-editor-note {
padding: 24px;
border-radius: 18px;
background:
linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.045));
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
backdrop-filter: blur(14px);
transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
body.home .gr-station-card:hover,
body.home .gr-info-card:hover {
transform: translateY(-6px);
border-color: rgba(20, 184, 166, 0.38);
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
}
body.home .gr-station-card h3,
body.home .gr-info-card h3 {
color: #ffffff;
font-size: 1.2rem;
margin: 0 0 10px;
}
body.home .gr-station-card p,
body.home .gr-info-card p {
color: rgba(255, 255, 255, 0.72);
margin: 0 0 18px;
line-height: 1.65;
}
body.home .gr-station-card a,
body.home .gr-info-card a,
body.home .gr-demo-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
border-radius: 999px;
background: linear-gradient(135deg, #14b8a6, #6366f1);
color: #ffffff;
text-decoration: none;
font-weight: 800;
box-shadow: 0 14px 34px rgba(20, 184, 166, 0.2);
transition: transform 180ms ease, box-shadow 180ms ease;
}
body.home .gr-station-card a:hover,
body.home .gr-info-card a:hover,
body.home .gr-demo-actions a:hover {
transform: translateY(-2px);
box-shadow: 0 18px 44px rgba(99, 102, 241, 0.28);
}
body.home .gr-station-preview {
border-radius: 26px;
background:
radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 35%),
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.home .gr-demo-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
}
@keyframes grFadeLift {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
} body.home .gr-visual-hero {
position: relative !important;
min-height: 680px;
display: flex !important;
align-items: center;
overflow: hidden;
}
body.home .gr-visual-hero__media {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
z-index: 0;
}
body.home .gr-visual-hero__media::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(5, 8, 18, 0.88) 0%, rgba(5, 8, 18, 0.58) 48%, rgba(5, 8, 18, 0.22) 100%),
radial-gradient(circle at 20% 30%, rgba(20, 184, 166, 0.24), transparent 34%);
z-index: 1;
}
body.home .gr-visual-hero__media img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
body.home .gr-visual-hero__content {
position: relative !important;
z-index: 2;
margin-top: 0 !important;
padding: 88px 0 !important;
color: #ffffff;
animation: grHeroEnter 800ms ease both;
}
body.home .gr-visual-hero__content h1 {
color: #ffffff;
font-size: clamp(3rem, 7vw, 6.8rem);
line-height: 0.94;
letter-spacing: -0.03em;
margin: 0 0 18px;
max-width: 780px;
}
body.home .gr-visual-hero__content p {
color: rgba(255, 255, 255, 0.78);
max-width: 760px;
font-size: clamp(1rem, 1.6vw, 1.24rem);
line-height: 1.7;
}
body.home .gr-visual-hero__content .wp-block-buttons,
body.home .gr-demo-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 24px;
}
@keyframes grHeroEnter {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 760px) {
body.home .gr-visual-hero {
min-height: 620px;
}
body.home .gr-visual-hero__content {
padding: 64px 0 !important;
}
body.home .gr-visual-hero__content h1 {
font-size: clamp(2.8rem, 14vw, 4.4rem);
}
}  body.home {
background:
radial-gradient(circle at 15% 8%, rgba(20, 184, 166, 0.18), transparent 30%),
radial-gradient(circle at 85% 18%, rgba(99, 102, 241, 0.16), transparent 34%),
linear-gradient(180deg, #070b18 0%, #0b1020 45%, #070b18 100%);
}
body.home .gr-visual-hero {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.home .gr-visual-hero__content {
max-width: 1440px !important;
}
body.home .gr-visual-hero__content h1 {
background: linear-gradient(135deg, #ffffff 0%, #d7fff8 42%, #b9c2ff 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
text-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
}
body.home .gr-visual-hero__content p:first-of-type {
display: inline-flex;
width: auto;
padding: 8px 13px;
border-radius: 999px;
background: rgba(20, 184, 166, 0.16);
border: 1px solid rgba(20, 184, 166, 0.28);
color: #a7fff3;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: 0.82rem;
}
body.home .gr-featured-stations,
body.home .gr-required-pages {
position: relative;
}
body.home .gr-featured-stations::before,
body.home .gr-required-pages::before {
content: "";
position: absolute;
inset: 0;
border-radius: 28px;
background: linear-gradient(135deg, rgba(255,255,255,0.035), rgba(255,255,255,0));
pointer-events: none;
}
body.home .gr-section-heading,
body.home .gr-station-preview > *,
body.home .gr-required-pages > * {
position: relative;
z-index: 1;
}
body.home .gr-station-card,
body.home .gr-info-card {
position: relative;
overflow: hidden;
min-height: 214px;
}
body.home .gr-station-card::before,
body.home .gr-info-card::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at top right, rgba(20, 184, 166, 0.16), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
opacity: 0;
transition: opacity 220ms ease;
}
body.home .gr-station-card:hover::before,
body.home .gr-info-card:hover::before {
opacity: 1;
}
body.home .gr-station-card > *,
body.home .gr-info-card > * {
position: relative;
z-index: 1;
}
body.home .gr-station-card h3::before {
content: "Live";
display: inline-flex;
margin-right: 10px;
padding: 5px 8px;
border-radius: 999px;
background: rgba(239, 68, 68, 0.16);
color: #fecaca;
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.05em;
vertical-align: middle;
}
body.home .gr-station-preview {
padding: 52px !important;
margin-top: 28px;
margin-bottom: 28px;
box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
}
body.home .gr-station-preview h2 {
max-width: 760px;
}
body.home .gr-station-preview p {
max-width: 780px;
font-size: 1.08rem;
}
body.home .gr-demo-actions a:first-child {
background: linear-gradient(135deg, #14b8a6, #22c55e);
}
body.home .gr-demo-actions a:last-child {
background: linear-gradient(135deg, #6366f1, #a855f7);
}
body.home .gr-info-grid {
margin-top: 28px !important;
}
body.home .gr-info-card h3 {
display: flex;
align-items: center;
gap: 10px;
}
body.home .gr-info-card h3::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: linear-gradient(135deg, #14b8a6, #818cf8);
box-shadow: 0 0 24px rgba(20, 184, 166, 0.7);
}
@media (max-width: 760px) {
body.home .gr-station-preview {
padding: 28px !important;
border-radius: 20px;
}
body.home .gr-station-card,
body.home .gr-info-card {
min-height: auto;
}
}  body.home .gr-visual-hero__content {
max-width: 1440px !important;
animation: grHeroSlideIn 900ms cubic-bezier(.2,.8,.2,1) both !important;
}
body.home .gr-visual-hero__content h1 {
position: relative;
display: inline-block;
color: #ffffff !important;
background: none !important;
-webkit-background-clip: initial;
background-clip: initial;
text-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
overflow: hidden;
}
body.home .gr-visual-hero__content h1::after {
content: "24/7 Live Indian Music";
display: block;
margin-top: 12px;
font-size: clamp(1.05rem, 2vw, 1.55rem);
line-height: 1.3;
font-weight: 800;
letter-spacing: 0.02em;
background: linear-gradient(90deg, #14b8a6, #ffffff, #818cf8, #14b8a6);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: grHeroTextShine 4s linear infinite;
}
body.home .gr-visual-hero__content p:first-of-type {
animation: grBadgeFloat 3.5s ease-in-out infinite;
}
body.home .gr-visual-hero__content p:nth-of-type(2) {
max-width: 760px;
animation: grHeroSlideIn 1000ms cubic-bezier(.2,.8,.2,1) both;
animation-delay: 160ms;
}
body.home .gr-visual-hero__content .wp-block-buttons,
body.home .gr-demo-actions {
animation: grHeroSlideIn 1000ms cubic-bezier(.2,.8,.2,1) both;
animation-delay: 260ms;
}
body.home .gr-visual-hero__media img {
animation: grHeroImageDrift 14s ease-in-out infinite alternate;
}
@keyframes grHeroSlideIn {
from {
opacity: 0;
transform: translateX(-34px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes grHeroTextShine {
from {
background-position: 0% 50%;
}
to {
background-position: 220% 50%;
}
}
@keyframes grBadgeFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
@keyframes grHeroImageDrift {
from {
transform: scale(1.02) translateX(0);
}
to {
transform: scale(1.08) translateX(-18px);
}
}
@media (prefers-reduced-motion: reduce) {
body.home .gr-visual-hero__content,
body.home .gr-visual-hero__content h1::after,
body.home .gr-visual-hero__content p,
body.home .gr-visual-hero__media img {
animation: none !important;
}
}  body.home .gr-visual-hero__content p:first-of-type {
display: block !important;
width: min(780px, 100%);
overflow: hidden;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-size: clamp(1.45rem, 3.2vw, 3.15rem) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: -0.02em;
text-transform: none !important;
}
body.home .gr-visual-hero__content p:first-of-type::before {
content: "Nonstop Indian music streaming  •  Tamil, Hindi, Telugu and more  •  Crystal-clear Icecast MP3 radio  •  Listen live on web and mobile";
display: inline-block;
white-space: nowrap;
background: linear-gradient(90deg, #ffffff, #a7fff3, #c7d2fe, #ffffff);
background-size: 240% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: grHeroTicker 15s linear infinite, grHeroTextShine 4s linear infinite;
}
body.home .gr-visual-hero__content p:first-of-type {
font-size: 0 !important;
}
body.home .gr-visual-hero__content p:nth-of-type(2) {
margin-top: 22px;
font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
color: rgba(255, 255, 255, 0.78) !important;
}
body.home .gr-visual-hero__content .wp-block-buttons,
body.home .gr-visual-hero__content .gr-demo-actions {
display: flex !important;
flex-wrap: wrap;
gap: 14px;
margin-top: 28px !important;
}
body.home .gr-visual-hero__content .wp-block-button__link,
body.home .gr-visual-hero__content .wp-block-buttons a,
body.home .gr-visual-hero__content .gr-demo-actions a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 13px 22px !important;
border-radius: 999px !important;
text-decoration: none !important;
color: #ffffff !important;
font-weight: 900 !important;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
background: linear-gradient(135deg, #14b8a6, #6366f1) !important;
box-shadow: 0 18px 44px rgba(20, 184, 166, 0.25);
transition: transform 180ms ease, box-shadow 180ms ease;
}
body.home .gr-visual-hero__content .wp-block-button:nth-child(2) .wp-block-button__link,
body.home .gr-visual-hero__content .gr-demo-actions a:nth-child(2) {
background: rgba(255, 255, 255, 0.1) !important;
backdrop-filter: blur(12px);
}
body.home .gr-visual-hero__content .wp-block-button__link:hover,
body.home .gr-visual-hero__content .wp-block-buttons a:hover,
body.home .gr-visual-hero__content .gr-demo-actions a:hover {
transform: translateY(-3px);
box-shadow: 0 24px 60px rgba(99, 102, 241, 0.32);
}
@keyframes grHeroTicker {
from {
transform: translateX(0);
}
to {
transform: translateX(-48%);
}
}  body.home .gr-hero-copy {
max-width: 840px;
animation: grHeroSlideIn 850ms cubic-bezier(.2,.8,.2,1) both;
}
body.home .gr-live-pill {
display: inline-flex !important;
align-items: center;
gap: 8px;
width: auto !important;
margin: 0 0 18px !important;
padding: 8px 13px !important;
border-radius: 999px;
background: rgba(20, 184, 166, 0.16) !important;
border: 1px solid rgba(20, 184, 166, 0.32) !important;
color: #a7fff3 !important;
font-size: 0.82rem !important;
font-weight: 900 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.home .gr-live-pill span {
width: 9px;
height: 9px;
border-radius: 999px;
background: #22c55e;
box-shadow: 0 0 22px rgba(34, 197, 94, 0.9);
}
body.home .gr-hero-copy h1 {
margin: 0 0 18px;
color: #ffffff !important;
font-size: clamp(3.4rem, 8vw, 7.4rem);
line-height: 0.9;
letter-spacing: -0.045em;
text-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}
body.home .gr-slider-text {
position: relative;
width: min(820px, 100%);
height: clamp(48px, 6vw, 74px);
margin: 0 0 24px;
overflow: hidden;
}
body.home .gr-slider-text span {
position: absolute;
inset: 0 auto auto 0;
display: block;
opacity: 0;
transform: translateY(24px);
font-size: clamp(1.55rem, 3.4vw, 3.3rem);
font-weight: 950;
line-height: 1.06;
letter-spacing: -0.035em;
white-space: nowrap;
background: linear-gradient(90deg, #ffffff, #a7fff3, #c7d2fe, #ffffff);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: grHeroRotator 12s infinite, grHeroTextShine 4s linear infinite;
}
body.home .gr-slider-text span:nth-child(1) {
animation-delay: 0s, 0s;
}
body.home .gr-slider-text span:nth-child(2) {
animation-delay: 3s, 0s;
}
body.home .gr-slider-text span:nth-child(3) {
animation-delay: 6s, 0s;
}
body.home .gr-slider-text span:nth-child(4) {
animation-delay: 9s, 0s;
}
body.home .gr-hero-copy > p:not(.gr-live-pill) {
max-width: 760px;
margin: 0;
color: rgba(255, 255, 255, 0.78) !important;
font-size: clamp(1.05rem, 1.4vw, 1.26rem) !important;
line-height: 1.7;
}
body.home .gr-hero-actions {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 14px;
margin-top: 30px;
}
body.home .gr-hero-actions a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 13px 22px !important;
border-radius: 999px !important;
text-decoration: none !important;
font-weight: 900 !important;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
body.home .gr-hero-button {
color: #ffffff !important;
background: linear-gradient(135deg, #14b8a6, #6366f1) !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
box-shadow: 0 18px 44px rgba(20, 184, 166, 0.26);
}
body.home .gr-hero-link {
color: #ffffff !important;
background: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
backdrop-filter: blur(12px);
}
body.home .gr-hero-actions a:hover {
transform: translateY(-3px);
box-shadow: 0 24px 60px rgba(99, 102, 241, 0.32);
}
@keyframes grHeroRotator {
0% {
opacity: 0;
transform: translateY(24px);
}
8%, 22% {
opacity: 1;
transform: translateY(0);
}
30%, 100% {
opacity: 0;
transform: translateY(-24px);
}
}  body.home .gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px !important;
}
@media (max-width: 1100px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: 1fr !important;
}
}  body.home .gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
align-items: stretch;
}
body.home .gr-station-card {
display: flex !important;
flex-direction: column;
min-height: 280px;
padding: 22px !important;
}
body.home .gr-station-card h3 {
margin-bottom: 8px !important;
font-size: 1.14rem !important;
}
body.home .gr-station-card p {
margin-bottom: 14px !important;
font-size: 0.94rem;
line-height: 1.55;
}
body.home .gr-now-playing {
margin-top: auto;
margin-bottom: 14px;
padding: 10px 12px;
border-radius: 14px;
background: rgba(0, 0, 0, 0.22);
border: 1px solid rgba(255, 255, 255, 0.08);
}
body.home .gr-now-playing small {
display: block;
color: #a7fff3;
font-size: 0.72rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 4px;
}
body.home .gr-now-playing span {
display: block;
color: rgba(255, 255, 255, 0.84);
font-size: 0.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.home .gr-card-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 4px;
}
body.home .gr-station-card a.gr-listen-btn {
min-height: 38px !important;
padding: 8px 14px !important;
font-size: 0.86rem !important;
border-radius: 999px !important;
}
body.home .gr-app-badges {
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px;
}
body.home .gr-app-badges a {
display: inline-flex !important;
padding: 0 !important;
min-height: auto !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 8px !important;
}
body.home .gr-app-badges img {
display: block;
height: 34px;
width: auto;
max-width: 112px;
object-fit: contain;
}
@media (max-width: 1100px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: 1fr !important;
}
body.home .gr-station-card {
min-height: auto;
}
}  body.home .gr-editable-home .gr-station-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
grid-auto-rows: 1fr;
align-items: stretch;
}
body.home .gr-station-card {
height: 100%;
min-height: 350px !important;
justify-content: flex-start;
}
body.home .gr-card-actions {
margin-top: auto;
}
body.home .gr-app-badges {
margin-top: 14px;
gap: 10px;
}
body.home .gr-app-badges a,
body.home .gr-app-badges a:hover {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
transform: none !important;
}
body.home .gr-app-badges img {
height: 44px !important;
width: auto !important;
max-width: 150px !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
object-fit: contain;
}
@media (max-width: 760px) {
body.home .gr-station-card {
min-height: auto !important;
}
}  body.home .gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
}
body.home .gr-station-card {
display: flex !important;
flex-direction: column;
min-height: 300px !important;
height: 100% !important;
padding: 24px !important;
border-radius: 20px !important;
}
body.home .gr-station-card h3 {
font-size: 1.12rem !important;
line-height: 1.2 !important;
margin: 0 0 12px !important;
}
body.home .gr-station-card p {
font-size: 0.94rem !important;
line-height: 1.55 !important;
margin: 0 0 16px !important;
}
body.home .gr-now-playing {
margin-top: auto !important;
margin-bottom: 14px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
}
body.home .gr-card-actions {
margin-top: 0 !important;
display: flex !important;
align-items: center;
gap: 10px;
}
body.home .gr-station-card a.gr-listen-btn,
body.home .gr-station-card > a {
width: auto !important;
min-height: 38px !important;
padding: 8px 15px !important;
font-size: 0.86rem !important;
border-radius: 999px !important;
align-self: flex-start !important;
}
body.home .gr-app-badges {
display: flex !important;
align-items: center;
gap: 10px;
margin-top: 14px !important;
min-height: 38px;
}
body.home .gr-app-badges img {
height: 36px !important;
width: auto !important;
max-width: 122px !important;
object-fit: contain !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
@media (max-width: 1100px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: 1fr !important;
}
body.home .gr-station-card {
min-height: auto !important;
}
}  body.home .gr-editable-home .gr-station-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: start !important;
grid-auto-rows: auto !important;
}
body.home .gr-station-card {
height: auto !important;
min-height: 230px !important;
padding: 24px !important;
border-radius: 22px !important;
display: flex !important;
flex-direction: column;
justify-content: flex-start !important;
}
body.home .gr-station-card h3 {
font-size: 1.18rem !important;
line-height: 1.2 !important;
margin-bottom: 12px !important;
}
body.home .gr-station-card p {
font-size: 0.94rem !important;
line-height: 1.55 !important;
margin-bottom: 18px !important;
}
body.home .gr-now-playing {
margin-top: 8px !important;
margin-bottom: 16px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
}
body.home .gr-card-actions,
body.home .gr-station-card .gr-card-actions {
margin-top: 0 !important;
}
body.home .gr-station-card a.gr-listen-btn,
body.home .gr-station-card > a {
width: auto !important;
max-width: max-content !important;
min-height: 38px !important;
padding: 8px 16px !important;
font-size: 0.86rem !important;
border-radius: 999px !important;
align-self: flex-start !important;
}
body.home .gr-app-badges {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-top: 16px !important;
}
body.home .gr-app-badges a,
body.home .gr-app-badges a:hover {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
min-height: auto !important;
transform: none !important;
}
body.home .gr-app-badges img {
height: 44px !important;
width: auto !important;
max-width: 155px !important;
object-fit: contain !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
} body.home .gr-app-badges img[alt*="App Store"] {
clip-path: inset(5px 12px 5px 12px);
transform: scale(1.18);
transform-origin: center;
margin-left: 4px;
}
@media (max-width: 1100px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.home .gr-editable-home .gr-station-grid {
grid-template-columns: 1fr !important;
}
}  body.home .gr-visual-hero {
margin-bottom: 72px !important;
}
body.home .gr-featured-stations {
padding-top: 24px !important;
}
body.home .gr-featured-stations .gr-section-heading {
margin-bottom: 34px !important;
}
body.home .gr-station-grid {
margin-top: 0 !important;
} body.home #stations {
scroll-margin-top: 140px;
}
@media (max-width: 760px) {
body.home .gr-visual-hero {
margin-bottom: 44px !important;
}
body.home .gr-featured-stations .gr-section-heading {
margin-bottom: 24px !important;
}
}  body.home .gr-app-badges {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin-top: 16px !important;
}
body.home .gr-app-badges a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 145px !important;
height: 44px !important;
padding: 0 !important;
border-radius: 7px !important;
background: #000 !important;
border: 1px solid rgba(255, 255, 255, 0.42) !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.home .gr-app-badges img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: contain !important;
background: #000 !important;
border: 0 !important;
box-shadow: none !important;
clip-path: none !important;
transform: none !important;
margin: 0 !important;
}
body.home .gr-app-badges img[alt*="App Store"] {
padding: 2px 7px !important;
box-sizing: border-box !important;
}
body.home .gr-app-badges img[alt*="Google Play"] {
padding: 2px 5px !important;
box-sizing: border-box !important;
}  body.home .gr-app-badges {
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
width: 100%;
margin-top: 18px !important;
}
body.home .gr-app-badges a {
position: relative;
isolation: isolate;
width: 150px !important;
height: 46px !important;
border-radius: 9px !important;
background: #05070d !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
overflow: hidden !important;
transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
body.home .gr-app-badges a::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.8), rgba(99, 102, 241, 0.82));
transition: opacity 180ms ease;
}
body.home .gr-app-badges a:hover {
transform: translateY(-3px) scale(1.03) !important;
border-color: rgba(167, 255, 243, 0.85) !important;
box-shadow: 0 16px 34px rgba(20, 184, 166, 0.22) !important;
}
body.home .gr-app-badges a:hover::before {
opacity: 1;
}
body.home .gr-app-badges img {
position: relative;
z-index: 1;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
padding: 3px 7px !important;
box-sizing: border-box !important;
}  body.home .gr-card-topline {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
body.home .gr-live-badge {
display: inline-flex;
align-items: center;
padding: 5px 10px;
border-radius: 999px;
background: rgba(239, 68, 68, 0.18);
color: #fecaca;
font-size: 0.72rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
}
body.home .gr-round-play {
width: 42px;
height: 42px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.18);
background: linear-gradient(135deg, #14b8a6, #6366f1);
color: #fff;
font-size: 1rem;
font-weight: 900;
cursor: pointer;
box-shadow: 0 14px 34px rgba(20, 184, 166, 0.25);
transition: transform 180ms ease, box-shadow 180ms ease;
}
body.home .gr-round-play:hover {
transform: translateY(-2px) scale(1.04);
box-shadow: 0 18px 44px rgba(99, 102, 241, 0.34);
}
body.home .gr-station-card.is-playing .gr-round-play {
background: linear-gradient(135deg, #ef4444, #f97316);
}
body.home .gr-more-link {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
max-width: max-content !important;
min-height: 34px !important;
padding: 7px 13px !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
color: #ffffff !important;
font-size: 0.84rem !important;
font-weight: 850 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.home .gr-more-link:hover {
background: linear-gradient(135deg, rgba(20, 184, 166, 0.8), rgba(99, 102, 241, 0.78)) !important;
}  body.home .gr-station-card h3::before {
display: none !important;
content: none !important;
}
body.home .gr-radio-card {
position: relative;
min-height: 360px !important;
padding: 28px !important;
border-radius: 26px !important;
background:
radial-gradient(circle at top right, rgba(20, 184, 166, 0.16), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.045)) !important;
}
body.home .gr-radio-card__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}
body.home .gr-radio-card h3 {
margin: 0 0 14px !important;
font-size: 1.55rem !important;
}
body.home .gr-radio-card p {
margin-bottom: 24px !important;
}
body.home .gr-now-playing {
margin: 0 0 24px !important;
}
body.home .gr-app-badges {
margin-top: auto !important;
justify-content: center !important;
}
body.home .gr-round-play {
width: 58px;
height: 58px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.2);
background: linear-gradient(135deg, #14b8a6, #6366f1);
color: #fff;
font-size: 1.25rem;
cursor: pointer;
box-shadow: 0 18px 44px rgba(20,184,166,0.3);
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
body.home .gr-round-play:hover {
transform: translateY(-3px) scale(1.06);
background: linear-gradient(135deg, #22c55e, #14b8a6);
}
body.home .gr-radio-card.is-playing .gr-round-play {
background: linear-gradient(135deg, #ef4444, #f97316);
}  body.home .gr-editable-home .gr-station-grid {
position: relative;
z-index: 2;
align-items: stretch !important;
}
body.home .gr-radio-card {
overflow: hidden !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.home .gr-radio-card > * {
min-width: 0;
}
body.home .gr-now-playing {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.home .gr-now-playing small {
display: block;
margin-bottom: 6px;
}
body.home .gr-now-playing span {
display: block !important;
width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: clip !important;
}
body.home .gr-now-playing span::before {
content: attr(data-song);
display: inline-block;
min-width: 100%;
padding-right: 60px;
animation: grNowPlayingMarquee 18s linear infinite;
}
body.home .gr-now-playing span {
font-size: 0 !important;
}
body.home .gr-now-playing span::before {
font-size: 0.95rem !important;
color: rgba(255, 255, 255, 0.9);
}
@keyframes grNowPlayingMarquee {
0% {
transform: translateX(0);
}
20% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
} body.home .gr-station-card {
box-sizing: border-box !important;
max-width: 100% !important;
}
@media (prefers-reduced-motion: reduce) {
body.home .gr-now-playing span::before {
animation: none !important;
}
}  body.home .gr-radio-title-row {
display: flex;
align-items: center;
gap: 10px;
padding-right: 72px;
margin-bottom: 12px;
}
body.home .gr-radio-title-row h3 {
margin: 0 !important;
}
body.home .gr-live-dot {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(239, 68, 68, 0.16);
color: #fecaca;
font-size: 0.68rem;
font-weight: 950;
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
}
body.home .gr-live-dot::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #ef4444;
box-shadow: 0 0 0 rgba(239, 68, 68, 0.8);
animation: grLivePulse 1.6s ease-out infinite;
}
body.home .gr-radio-card .gr-round-play {
position: absolute;
top: 24px;
right: 24px;
}
body.home .gr-radio-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px;
}
body.home .gr-radio-meta span {
display: inline-flex;
align-items: center;
padding: 6px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.09);
color: rgba(255, 255, 255, 0.74);
font-size: 0.74rem;
font-weight: 800;
}
@keyframes grLivePulse {
0% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.75);
}
70% {
box-shadow: 0 0 0 9px rgba(239, 68, 68, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
}
}  body.home .gr-radio-card {
position: relative;
}
body.home .gr-radio-title-row {
display: flex;
align-items: center;
gap: 10px;
padding-right: 72px;
margin-bottom: 12px;
}
body.home .gr-radio-title-row h3 {
margin: 0 !important;
}
body.home .gr-live-dot {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(239, 68, 68, 0.16);
color: #fecaca;
font-size: 0.68rem;
font-weight: 950;
text-transform: uppercase;
letter-spacing: 0.06em;
white-space: nowrap;
}
body.home .gr-live-dot::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #ef4444;
animation: grLivePulse 1.6s ease-out infinite;
}
body.home .gr-radio-card .gr-round-play {
position: absolute;
top: 24px;
right: 24px;
width: 52px;
height: 52px;
}
body.home .gr-eq-bars {
display: flex;
align-items: end;
gap: 4px;
height: 22px;
margin: 0 0 16px;
opacity: 0.45;
}
body.home .gr-eq-bars span {
width: 5px;
height: 8px;
border-radius: 999px;
background: linear-gradient(180deg, #a7fff3, #6366f1);
}
body.home .gr-radio-card.is-playing .gr-eq-bars {
opacity: 1;
}
body.home .gr-radio-card.is-playing .gr-eq-bars span {
animation: grEqBounce 900ms ease-in-out infinite;
}
body.home .gr-radio-card.is-playing .gr-eq-bars span:nth-child(2) {
animation-delay: 120ms;
}
body.home .gr-radio-card.is-playing .gr-eq-bars span:nth-child(3) {
animation-delay: 240ms;
}
body.home .gr-radio-card.is-playing .gr-eq-bars span:nth-child(4) {
animation-delay: 360ms;
}
body.home .gr-radio-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px;
}
body.home .gr-radio-meta span {
padding: 6px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.09);
color: rgba(255, 255, 255, 0.74);
font-size: 0.74rem;
font-weight: 800;
}
body.home .gr-last-listened {
margin: 0 0 16px;
padding: 9px 11px;
border-radius: 12px;
background: rgba(20, 184, 166, 0.11);
border: 1px solid rgba(20, 184, 166, 0.2);
color: #a7fff3;
font-size: 0.84rem;
font-weight: 850;
}
@keyframes grLivePulse {
0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.75); }
70% { box-shadow: 0 0 0 9px rgba(239, 68, 68, 0); }
100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
@keyframes grEqBounce {
0%, 100% { height: 7px; }
50% { height: 22px; }
}  body.home .gr-card-controls {
position: absolute;
top: 24px;
right: 24px;
display: flex;
align-items: center;
gap: 10px;
}
body.home .gr-radio-card .gr-round-play {
position: static !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 52px;
height: 52px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.18);
color: #fff;
cursor: pointer;
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
body.home .gr-round-fav {
background: rgba(255, 255, 255, 0.08);
font-size: 1.35rem;
}
body.home .gr-round-fav:hover,
body.home .gr-round-fav.is-favorite {
background: linear-gradient(135deg, #ef4444, #f97316);
box-shadow: 0 18px 44px rgba(239, 68, 68, 0.28);
transform: translateY(-2px) scale(1.05);
}
body.home .gr-favorite-strip {
width: min(1440px, calc(100% - 32px));
margin: 28px auto 0;
padding: 18px;
border-radius: 20px;
background: linear-gradient(135deg, rgba(20,184,166,0.12), rgba(99,102,241,0.1));
border: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
body.home .gr-favorite-strip[hidden] {
display: none !important;
}
body.home .gr-favorite-strip small {
display: block;
color: #a7fff3;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.72rem;
}
body.home .gr-favorite-strip strong {
color: #fff;
font-size: 1.05rem;
}
body.home .gr-favorite-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body.home .gr-favorite-list button {
border: 0;
border-radius: 999px;
padding: 9px 13px;
background: rgba(255,255,255,0.1);
color: #fff;
font-weight: 850;
cursor: pointer;
}  body.home .gr-radio-meta {
display: none !important;
}
body.home .gr-favorite-strip {
width: min(1440px, calc(100% - 32px));
margin: 34px auto 0;
padding: 22px;
border-radius: 24px;
background:
radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
border: 1px solid rgba(255, 255, 255, 0.1);
display: block;
}
body.home .gr-favorite-strip[hidden] {
display: none !important;
}
body.home .gr-favorite-head {
margin-bottom: 16px;
}
body.home .gr-favorite-head small {
display: block;
color: #a7fff3;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.72rem;
}
body.home .gr-favorite-head strong {
display: block;
color: #ffffff;
font-size: 1.35rem;
line-height: 1.15;
}
body.home .gr-favorite-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
body.home .gr-favorite-card {
position: relative;
padding: 20px;
border-radius: 20px;
background: linear-gradient(145deg, rgba(255,255,255,0.1), rgba(255,255,255,0.045));
border: 1px solid rgba(255,255,255,0.12);
box-shadow: 0 18px 50px rgba(0,0,0,0.22);
}
body.home .gr-favorite-card h3 {
margin: 0 72px 8px 0;
color: #fff;
font-size: 1.15rem;
}
body.home .gr-favorite-card p {
margin: 0 0 14px;
color: rgba(255,255,255,0.72);
font-size: 0.9rem;
line-height: 1.5;
}
body.home .gr-favorite-card .gr-round-play {
position: absolute;
top: 18px;
right: 18px;
width: 46px;
height: 46px;
}
body.home .gr-favorite-card .gr-now-playing {
margin-bottom: 14px !important;
}
body.home .gr-favorite-card .gr-app-badges {
justify-content: flex-start !important;
margin-top: 12px !important;
}
@media (max-width: 900px) {
body.home .gr-favorite-list {
grid-template-columns: 1fr;
}
}  body.home .gr-favorite-strip {
display: block !important;
}
body.home .gr-favorite-head p {
margin: 8px 0 0;
color: rgba(255,255,255,0.68);
font-size: 0.95rem;
line-height: 1.5;
}
body.home .gr-favorite-empty {
padding: 18px;
border-radius: 18px;
background: rgba(255,255,255,0.055);
border: 1px dashed rgba(255,255,255,0.16);
color: rgba(255,255,255,0.74);
font-weight: 750;
}  body.home .gr-favorite-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
body.home .gr-favorite-card--compact {
min-height: auto !important;
padding: 18px !important;
border-radius: 18px !important;
}
body.home .gr-fav-compact-main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 12px;
}
body.home .gr-fav-compact-main small {
display: block;
color: #a7fff3;
font-size: 0.68rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 4px;
}
body.home .gr-fav-compact-main h3 {
margin: 0 !important;
font-size: 1.12rem !important;
color: #fff;
}
body.home .gr-favorite-card--compact .gr-round-play {
position: static !important;
width: 42px !important;
height: 42px !important;
flex: 0 0 auto;
}
body.home .gr-favorite-card--compact .gr-now-playing {
margin: 0 0 12px !important;
padding: 9px 11px !important;
}
body.home .gr-favorite-card--compact .gr-app-badges {
justify-content: flex-start !important;
margin-top: 10px !important;
}
body.home .gr-favorite-card--compact .gr-app-badges a {
width: 128px !important;
height: 40px !important;
}
@media (max-width: 760px) {
body.home .gr-favorite-list {
grid-template-columns: 1fr;
}
}  body.home .gr-favorite-strip {
padding: 18px !important;
border-radius: 20px !important;
margin-top: 28px !important;
}
body.home .gr-favorite-head {
margin-bottom: 14px !important;
}
body.home .gr-favorite-head strong {
font-size: 1.25rem !important;
}
body.home .gr-favorite-head p {
font-size: 0.9rem !important;
margin-top: 6px !important;
}
body.home .gr-favorite-list {
display: block !important;
}
body.home .gr-favorite-card--compact,
body.home .gr-favorite-card {
display: grid !important;
grid-template-columns: minmax(160px, 240px) minmax(220px, 1fr) auto !important;
align-items: center !important;
gap: 16px !important;
min-height: auto !important;
padding: 14px 16px !important;
border-radius: 16px !important;
}
body.home .gr-fav-compact-main {
display: contents !important;
}
body.home .gr-fav-compact-main > div {
min-width: 0;
}
body.home .gr-fav-compact-main small {
font-size: 0.62rem !important;
margin-bottom: 2px !important;
}
body.home .gr-fav-compact-main h3,
body.home .gr-favorite-card h3 {
font-size: 1rem !important;
margin: 0 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.home .gr-favorite-card p {
display: none !important;
}
body.home .gr-favorite-card--compact .gr-round-play,
body.home .gr-favorite-card .gr-round-play {
position: static !important;
width: 40px !important;
height: 40px !important;
font-size: 0.9rem !important;
order: 3;
}
body.home .gr-favorite-card--compact .gr-now-playing,
body.home .gr-favorite-card .gr-now-playing {
margin: 0 !important;
padding: 8px 10px !important;
min-width: 0 !important;
}
body.home .gr-favorite-card--compact .gr-now-playing small,
body.home .gr-favorite-card .gr-now-playing small {
font-size: 0.62rem !important;
margin-bottom: 2px !important;
}
body.home .gr-favorite-card--compact .gr-now-playing span::before,
body.home .gr-favorite-card .gr-now-playing span::before {
font-size: 0.82rem !important;
}
body.home .gr-favorite-card--compact .gr-app-badges,
body.home .gr-favorite-card .gr-app-badges {
grid-column: 1 / -1;
justify-content: flex-start !important;
margin-top: 4px !important;
gap: 10px !important;
}
body.home .gr-favorite-card--compact .gr-app-badges a,
body.home .gr-favorite-card .gr-app-badges a {
width: 118px !important;
height: 36px !important;
}
@media (max-width: 760px) {
body.home .gr-favorite-card--compact,
body.home .gr-favorite-card {
grid-template-columns: 1fr auto !important;
}
body.home .gr-favorite-card--compact .gr-now-playing,
body.home .gr-favorite-card .gr-now-playing {
grid-column: 1 / -1;
}
body.home .gr-favorite-card--compact .gr-app-badges,
body.home .gr-favorite-card .gr-app-badges {
grid-column: 1 / -1;
}
}  body.home .gr-favorite-strip {
width: min(760px, calc(100% - 32px)) !important;
max-width: 760px !important;
margin: 34px auto 0 !important;
padding: 18px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-list {
width: 100% !important;
max-width: 100% !important;
}
body.home .gr-favorite-empty {
width: 100% !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}  body.home .gr-favorite-strip {
width: min(1440px, calc(100% - 32px)) !important;
max-width: 1440px !important;
margin: 42px auto 0 !important;
padding: 22px !important;
border-radius: 24px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
margin-bottom: 18px !important;
}
body.home .gr-favorite-head p {
max-width: 620px;
margin: 0 !important;
text-align: right;
}
body.home .gr-favorite-list {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 16px !important;
width: 100% !important;
max-width: none !important;
}
body.home .gr-favorite-empty {
grid-column: 1 / -1;
padding: 22px !important;
text-align: center;
border-radius: 18px;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact {
display: grid !important;
grid-template-columns: 1fr auto !important;
gap: 12px !important;
align-items: center !important;
min-height: auto !important;
padding: 16px !important;
border-radius: 18px !important;
width: 100% !important;
max-width: none !important;
}
body.home .gr-favorite-card .gr-now-playing,
body.home .gr-favorite-card--compact .gr-now-playing {
grid-column: 1 / -1;
margin: 0 !important;
}
body.home .gr-favorite-card .gr-app-badges,
body.home .gr-favorite-card--compact .gr-app-badges {
grid-column: 1 / -1;
margin-top: 4px !important;
}
@media (max-width: 760px) {
body.home .gr-favorite-head {
display: block;
}
body.home .gr-favorite-head p {
margin-top: 8px !important;
text-align: left;
}
body.home .gr-favorite-list {
grid-template-columns: 1fr !important;
}
}  body.home .gr-favorite-strip {
width: 820px !important;
max-width: calc(100% - 32px) !important;
margin: 42px auto 0 !important;
padding: 20px !important;
border-radius: 22px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-head {
display: block !important;
margin-bottom: 16px !important;
}
body.home .gr-favorite-head p {
max-width: none !important;
text-align: left !important;
margin-top: 8px !important;
}
body.home .gr-favorite-list {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
width: 100% !important;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact,
body.home .gr-favorite-empty {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}  body.home .gr-favorite-strip {
width: min(1440px, calc(100% - 32px)) !important;
max-width: 1440px !important;
margin: 42px auto 0 !important;
padding: 22px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-list {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 16px !important;
width: 100% !important;
max-width: none !important;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact {
width: 520px !important;
max-width: 100% !important;
flex: 0 1 520px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-empty {
width: 620px !important;
max-width: 100% !important;
margin-inline: auto !important;
box-sizing: border-box !important;
}
@media (max-width: 760px) {
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact,
body.home .gr-favorite-empty {
width: 100% !important;
flex-basis: 100% !important;
}
}  body.home .gr-favorite-list {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 16px !important;
width: 100% !important;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact {
width: 300px !important;
max-width: 300px !important;
flex: 0 0 300px !important;
box-sizing: border-box !important;
}
body.home .gr-favorite-empty {
width: 420px !important;
max-width: 100% !important;
margin-inline: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 760px) {
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact,
body.home .gr-favorite-empty {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
}  body.home .gr-favorite-card .gr-now-playing,
body.home .gr-favorite-card--compact .gr-now-playing {
width: auto !important;
max-width: none !important;
margin: 10px 0 12px !important;
padding: 9px 11px !important;
box-sizing: border-box !important;
border-radius: 12px !important;
}
body.home .gr-favorite-card .gr-now-playing span,
body.home .gr-favorite-card--compact .gr-now-playing span {
max-width: 100% !important;
}
body.home .gr-favorite-card,
body.home .gr-favorite-card--compact {
overflow: hidden !important;
}  body.home .gr-radio-tools {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 14px;
}
body.home .gr-radio-tools button {
border: 1px solid rgba(255,255,255,0.12);
border-radius: 999px;
background: rgba(255,255,255,0.07);
color: rgba(255,255,255,0.86);
padding: 7px 11px;
font-size: 0.78rem;
font-weight: 850;
cursor: pointer;
transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
body.home .gr-radio-tools button:hover {
transform: translateY(-2px);
background: rgba(20,184,166,0.18);
border-color: rgba(20,184,166,0.34);
}
body.home .gr-volume-control {
margin: 0 0 14px;
padding: 10px 12px;
border-radius: 14px;
background: rgba(255,255,255,0.055);
border: 1px solid rgba(255,255,255,0.09);
}
body.home .gr-volume-control[hidden] {
display: none !important;
}
body.home .gr-volume-control label {
display: block;
margin-bottom: 6px;
color: #a7fff3;
font-size: 0.7rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
}
body.home .gr-volume-control input {
width: 100%;
accent-color: #14b8a6;
}
body.home .gr-station-card.is-playing,
body.home .gr-favorite-card.is-playing {
border-color: rgba(20,184,166,0.46) !important;
box-shadow:
0 0 0 1px rgba(20,184,166,0.16),
0 24px 70px rgba(20,184,166,0.18),
0 28px 90px rgba(0,0,0,0.32) !important;
}
body.home .gr-station-card.is-playing::after,
body.home .gr-favorite-card.is-playing::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
background: radial-gradient(circle at top right, rgba(20,184,166,0.16), transparent 34%);
}
body.home .gr-app-cta {
margin: 0 0 8px;
color: rgba(255,255,255,0.68);
font-size: 0.74rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.06em;
}  body.home .gr-volume-control {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 14px;
padding: 9px 10px;
border-radius: 999px;
background: rgba(255,255,255,0.055);
border: 1px solid rgba(255,255,255,0.09);
}
body.home .gr-volume-control[hidden] {
display: none !important;
}
body.home .gr-mute-btn {
width: 30px;
height: 30px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.12);
background: rgba(255,255,255,0.08);
color: #fff;
font-size: 0.85rem;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background 180ms ease, transform 180ms ease;
}
body.home .gr-mute-btn:hover {
background: rgba(20,184,166,0.22);
transform: scale(1.04);
}
body.home .gr-volume-control input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, #14b8a6 0%, #6366f1 85%, rgba(255,255,255,0.18) 85%);
outline: none;
cursor: pointer;
}
body.home .gr-volume-control input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 50%;
background: #ffffff;
border: 2px solid #14b8a6;
box-shadow: 0 0 0 4px rgba(20,184,166,0.15);
}
body.home .gr-volume-control input[type="range"]::-moz-range-thumb {
width: 14px;
height: 14px;
border-radius: 50%;
background: #ffffff;
border: 2px solid #14b8a6;
box-shadow: 0 0 0 4px rgba(20,184,166,0.15);
}  body.home .gr-volume-control {
display: grid;
grid-template-columns: 30px 52px 1fr;
align-items: center;
gap: 10px;
margin: 0 0 14px;
padding: 9px 10px;
border-radius: 999px;
background: rgba(255,255,255,0.055);
border: 1px solid rgba(255,255,255,0.09);
}
body.home .gr-volume-control[hidden] {
display: none !important;
}
body.home .gr-volume-wave {
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
height: 22px;
}
body.home .gr-volume-wave span {
width: 4px;
height: 7px;
border-radius: 999px;
background: linear-gradient(180deg, #a7fff3, #6366f1);
opacity: 0.7;
}
body.home .gr-station-card.is-playing .gr-volume-wave span,
body.home .gr-favorite-card.is-playing .gr-volume-wave span {
animation: grVolumeWave 950ms ease-in-out infinite;
}
body.home .gr-station-card.is-playing .gr-volume-wave span:nth-child(2),
body.home .gr-favorite-card.is-playing .gr-volume-wave span:nth-child(2) {
animation-delay: 100ms;
}
body.home .gr-station-card.is-playing .gr-volume-wave span:nth-child(3),
body.home .gr-favorite-card.is-playing .gr-volume-wave span:nth-child(3) {
animation-delay: 200ms;
}
body.home .gr-station-card.is-playing .gr-volume-wave span:nth-child(4),
body.home .gr-favorite-card.is-playing .gr-volume-wave span:nth-child(4) {
animation-delay: 300ms;
}
body.home .gr-station-card.is-playing .gr-volume-wave span:nth-child(5),
body.home .gr-favorite-card.is-playing .gr-volume-wave span:nth-child(5) {
animation-delay: 400ms;
}
@keyframes grVolumeWave {
0%, 100% {
height: 6px;
opacity: 0.55;
}
50% {
height: 21px;
opacity: 1;
}
}  body.home .gr-eq-bars {
display: none !important;
}  body.home .gr-radio-tools {
display: none !important;
}
body.home .gr-social-share {
display: flex;
align-items: center;
gap: 9px;
margin: 0 0 14px;
}
body.home .gr-social-share a {
width: 34px;
height: 34px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #ffffff;
font-size: 0.9rem;
font-weight: 950;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
box-shadow: none;
transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
body.home .gr-social-share a:hover {
transform: translateY(-2px) scale(1.04);
background: linear-gradient(135deg, rgba(20,184,166,0.75), rgba(99,102,241,0.78));
border-color: rgba(167,255,243,0.35);
}  body.home .gr-social-share {
gap: 7px !important;
margin: 0 0 14px !important;
}
body.home .gr-social-share a {
width: 26px !important;
height: 26px !important;
font-size: 0.72rem !important;
border-radius: 50% !important;
border: 0 !important;
color: #fff !important;
box-shadow: none !important;
}
body.home .gr-social-share a:nth-child(1) {
background: #1877f2 !important;
}
body.home .gr-social-share a:nth-child(2) {
background: #000000 !important;
}
body.home .gr-social-share a:nth-child(3) {
background: #25d366 !important;
}
body.home .gr-social-share a:nth-child(4) {
background: #64748b !important;
}
body.home .gr-social-share a:hover {
transform: translateY(-2px) scale(1.06) !important;
filter: brightness(1.12);
} body.home .gr-radio-card .gr-now-playing {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.home .gr-radio-card .gr-now-playing span {
width: 100% !important;
max-width: 100% !important;
}  body.home .gr-card-controls {
top: 26px !important;
right: 26px !important;
gap: 10px !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 46px !important;
height: 46px !important;
font-size: 1rem !important;
border: 1px solid rgba(255,255,255,0.18) !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.22) !important;
}
body.home .gr-round-fav {
background: rgba(255,255,255,0.08) !important;
color: #fff !important;
}
body.home .gr-round-fav.is-favorite {
background: linear-gradient(135deg, #ef4444, #f97316) !important;
}
body.home .gr-round-fav:hover,
body.home .gr-round-play:hover {
transform: translateY(-2px) scale(1.06) !important;
box-shadow: 0 18px 44px rgba(20,184,166,0.26) !important;
}
body.home .gr-social-share {
display: flex !important;
align-items: center !important;
gap: 9px !important;
margin: 0 0 16px !important;
}
body.home .gr-social-share a {
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
font-size: 0.78rem !important;
font-weight: 950 !important;
line-height: 1 !important;
text-decoration: none !important;
border: 1px solid rgba(255,255,255,0.14) !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease !important;
}
body.home .gr-social-share a:hover {
transform: translateY(-3px) scale(1.08) !important;
filter: brightness(1.1);
box-shadow: 0 16px 34px rgba(0,0,0,0.28) !important;
}
body.home .gr-share-facebook { background: #1877f2 !important; }
body.home .gr-share-x { background: #000 !important; }
body.home .gr-share-whatsapp { background: #25d366 !important; font-size: 0.64rem !important; }
body.home .gr-share-email { background: #64748b !important; }
body.home .gr-radio-card .gr-now-playing {
margin: 0 0 16px !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.home .gr-app-cta {
margin-top: 4px !important;
}  body.home .gr-share-label {
margin: 0 0 8px !important;
color: rgba(255,255,255,0.72) !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.home .gr-social-share {
margin-top: 0 !important;
}  body.home .gr-social-share {
display: flex !important;
gap: 10px !important;
align-items: center !important;
margin: 0 0 16px !important;
}
body.home .gr-social-share a {
width: 38px !important;
height: 38px !important;
min-height: 38px !important;
font-size: 0.8rem !important;
}
body.home .gr-share-label {
margin: 0 0 10px !important;
font-size: 0.78rem !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.78) !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 46px !important;
height: 46px !important;
font-size: 1rem !important;
}
body.home .gr-volume-control {
margin-bottom: 16px !important;
}
body.home .gr-app-cta {
margin-top: 2px !important;
}  body.home .gr-radio-card {
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
}
body.home .gr-radio-card::before {
content: "" !important;
position: absolute !important;
inset: -1px !important;
background: radial-gradient(circle at var(--mx, 20%) var(--my, 20%), rgba(45,212,191,0.22), transparent 34%) !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 220ms ease !important;
}
body.home .gr-radio-card:hover {
transform: translateY(-6px) !important;
border-color: rgba(45,212,191,0.62) !important;
box-shadow: 0 28px 80px rgba(0,0,0,0.34), 0 0 0 1px rgba(45,212,191,0.20) inset !important;
}
body.home .gr-radio-card:hover::before {
opacity: 1 !important;
}
body.home .gr-radio-card.is-playing {
border-color: rgba(45,212,191,0.86) !important;
box-shadow: 0 30px 90px rgba(0,0,0,0.42), 0 0 34px rgba(45,212,191,0.22) !important;
animation: grPlayingGlow 2.8s ease-in-out infinite !important;
}
@keyframes grPlayingGlow {
0%, 100% { box-shadow: 0 30px 90px rgba(0,0,0,0.42), 0 0 18px rgba(45,212,191,0.18); }
50% { box-shadow: 0 30px 90px rgba(0,0,0,0.42), 0 0 42px rgba(45,212,191,0.34); }
}
body.home .gr-radio-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 0 0 16px !important;
}
body.home .gr-radio-meta span {
padding: 7px 10px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.08) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
color: rgba(255,255,255,0.82) !important;
font-size: 0.72rem !important;
font-weight: 850 !important;
letter-spacing: 0.03em !important;
}
body.home .gr-open-station {
display: inline-flex !important;
margin-top: 14px !important;
color: #99f6e4 !important;
font-weight: 900 !important;
font-size: 0.84rem !important;
text-decoration: none !important;
}
body.home .gr-now-playing span {
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.home .gr-radio-card.is-playing .gr-now-playing span {
animation: grSongPulse 1.8s ease-in-out infinite !important;
}
@keyframes grSongPulse {
0%, 100% { color: rgba(255,255,255,0.92); }
50% { color: #99f6e4; }
}  body.home .gr-open-station {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
min-width: 148px !important;
margin: 18px auto 0 !important;
padding: 11px 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, rgba(45,212,191,0.22), rgba(96,165,250,0.18)) !important;
border: 1px solid rgba(153,246,228,0.34) !important;
color: #ccfbf1 !important;
font-size: 0.82rem !important;
font-weight: 950 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-decoration: none !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.20) !important;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease !important;
}
body.home .gr-open-station:hover {
transform: translateY(-2px) scale(1.04) !important;
border-color: rgba(153,246,228,0.74) !important;
background: linear-gradient(135deg, rgba(45,212,191,0.34), rgba(96,165,250,0.28)) !important;
box-shadow: 0 18px 44px rgba(45,212,191,0.20) !important;
}
body.home .gr-round-play:disabled {
opacity: 0.72 !important;
cursor: wait !important;
}  body.home .gr-radio-card {
min-height: 560px !important;
}
body.home .gr-radio-card .gr-radio-meta span:first-child {
background: linear-gradient(135deg, rgba(45,212,191,0.24), rgba(59,130,246,0.20)) !important;
color: #ccfbf1 !important;
border-color: rgba(153,246,228,0.38) !important;
}
body.home .gr-radio-card .gr-now-playing::after {
content: "Verified live stream";
display: inline-flex;
margin-top: 10px;
color: rgba(153,246,228,0.82);
font-size: 0.72rem;
font-weight: 850;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.home .gr-radio-card .gr-volume-control[hidden] {
display: flex !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.home .gr-radio-card.is-playing .gr-volume-control {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
transition: opacity 180ms ease !important;
}  body.home .gr-radio-meta {
display: none !important;
}
body.home .gr-radio-card .gr-now-playing::after {
content: none !important;
} body.home .gr-hd-badge {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
padding: 7px 10px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, rgba(45,212,191,0.20), rgba(96,165,250,0.18)) !important;
border: 1px solid rgba(153,246,228,0.34) !important;
color: #ccfbf1 !important;
font-size: 0.68rem !important;
font-weight: 950 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
animation: grHdPulse 2.4s ease-in-out infinite !important;
}
body.home .gr-hd-badge::before {
content: "" !important;
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: #2dd4bf !important;
box-shadow: 0 0 14px rgba(45,212,191,0.9) !important;
}
@keyframes grHdPulse {
0%, 100% {
box-shadow: 0 0 0 rgba(45,212,191,0);
}
50% {
box-shadow: 0 0 24px rgba(45,212,191,0.22);
}
}  body.home .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 12px !important;
padding-right: 150px !important;
margin-bottom: 10px !important;
}
body.home .gr-radio-title-row h3 {
margin: 0 !important;
}
body.home .gr-hd-badge {
flex-basis: 100% !important;
width: fit-content !important;
margin-top: 2px !important;
padding: 6px 10px !important;
font-size: 0.64rem !important;
line-height: 1 !important;
}
body.home .gr-card-controls {
top: 32px !important;
right: 32px !important;
z-index: 4 !important;
}
@media (max-width: 760px) {
body.home .gr-radio-title-row {
padding-right: 0 !important;
}
body.home .gr-card-controls {
position: static !important;
margin: 14px 0 16px !important;
justify-content: flex-start !important;
}
}  body.home .gr-radio-card {
min-height: auto !important;
padding: 34px !important;
display: flex !important;
flex-direction: column !important;
gap: 18px !important;
}
body.home .gr-radio-title-row {
display: grid !important;
grid-template-columns: 1fr auto !important;
align-items: start !important;
gap: 12px !important;
padding-right: 118px !important;
margin: 0 !important;
}
body.home .gr-radio-title-row h3 {
font-size: clamp(2.1rem, 4vw, 3.4rem) !important;
line-height: 0.98 !important;
margin: 0 !important;
max-width: 260px !important;
}
body.home .gr-live-dot {
width: fit-content !important;
margin-top: 8px !important;
padding: 8px 13px !important;
font-size: 0.78rem !important;
}
body.home .gr-hd-badge {
grid-column: 1 / -1 !important;
flex-basis: auto !important;
width: fit-content !important;
margin: -6px 0 0 !important;
padding: 7px 12px !important;
font-size: 0.68rem !important;
}
body.home .gr-card-controls {
top: 34px !important;
right: 34px !important;
gap: 10px !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 52px !important;
height: 52px !important;
font-size: 1.05rem !important;
}
body.home .gr-radio-card > p {
margin: 0 !important;
font-size: 1.05rem !important;
line-height: 1.65 !important;
color: rgba(255,255,255,0.72) !important;
}
body.home .gr-now-playing {
margin: 0 !important;
padding: 18px 20px !important;
border-radius: 18px !important;
}
body.home .gr-share-label {
margin: 2px 0 -6px !important;
font-size: 0.72rem !important;
}
body.home .gr-social-share {
margin: 0 !important;
gap: 9px !important;
}
body.home .gr-social-share a {
width: 36px !important;
height: 36px !important;
min-height: 36px !important;
font-size: 0.76rem !important;
}
body.home .gr-volume-control {
margin: 0 !important;
max-width: 260px !important;
}
body.home .gr-app-cta {
margin: 6px 0 -8px !important;
font-size: 0.74rem !important;
}
body.home .gr-app-badges {
margin: 0 !important;
justify-content: flex-start !important;
gap: 14px !important;
}
body.home .gr-app-badges img {
height: 44px !important;
width: auto !important;
}
body.home .gr-open-station {
margin: 6px auto 0 !important;
min-width: 170px !important;
padding: 12px 22px !important;
}
@media (max-width: 760px) {
body.home .gr-radio-card {
padding: 24px !important;
}
body.home .gr-radio-title-row {
display: flex !important;
flex-wrap: wrap !important;
padding-right: 0 !important;
}
body.home .gr-radio-title-row h3 {
max-width: none !important;
font-size: 2.4rem !important;
}
body.home .gr-card-controls {
position: static !important;
margin: 0 !important;
}
body.home .gr-app-badges img {
height: 40px !important;
}
}  body.home .gr-radio-card {
padding: 26px !important;
gap: 14px !important;
border-radius: 28px !important;
}
body.home .gr-radio-title-row h3 {
font-size: clamp(1.9rem, 3vw, 2.6rem) !important;
max-width: 230px !important;
}
body.home .gr-card-controls {
top: 26px !important;
right: 26px !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 46px !important;
height: 46px !important;
font-size: 0.95rem !important;
}
body.home .gr-radio-card > p {
font-size: 0.98rem !important;
line-height: 1.55 !important;
}
body.home .gr-now-playing {
padding: 15px 17px !important;
border-radius: 16px !important;
}
body.home .gr-now-playing small {
font-size: 0.72rem !important;
}
body.home .gr-now-playing span {
font-size: 0.98rem !important;
}
body.home .gr-share-label {
font-size: 0.68rem !important;
}
body.home .gr-social-share a {
width: 32px !important;
height: 32px !important;
min-height: 32px !important;
font-size: 0.68rem !important;
}
body.home .gr-app-badges img {
height: 38px !important;
}
body.home .gr-open-station {
min-width: 142px !important;
padding: 10px 18px !important;
font-size: 0.76rem !important;
}
body.home .gr-hd-badge {
padding: 6px 10px !important;
font-size: 0.62rem !important;
}  body.home .gr-radio-card .gr-radio-title-row h3 {
font-size: 1.45rem !important;
line-height: 1.15 !important;
max-width: none !important;
letter-spacing: 0 !important;
}
body.home .gr-radio-title-row {
align-items: center !important;
padding-right: 112px !important;
margin-bottom: 2px !important;
}
body.home .gr-live-dot {
margin-top: 0 !important;
}  body.home .gr-radio-card {
padding: 34px !important;
gap: 20px !important;
border-radius: 30px !important;
background:
radial-gradient(circle at 88% 8%, rgba(45,212,191,0.18), transparent 34%),
linear-gradient(145deg, rgba(31,41,59,0.98), rgba(15,23,42,0.98)) !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
font-size: 2.15rem !important;
line-height: 1.05 !important;
font-weight: 950 !important;
}
body.home .gr-live-dot {
padding: 8px 14px !important;
font-size: 0.78rem !important;
box-shadow: 0 0 26px rgba(239,68,68,0.22) !important;
}
body.home .gr-hd-badge {
padding: 8px 14px !important;
font-size: 0.76rem !important;
border-color: rgba(94,234,212,0.55) !important;
background: linear-gradient(135deg, rgba(20,184,166,0.30), rgba(59,130,246,0.20)) !important;
box-shadow: 0 0 0 0 rgba(45,212,191,0.34) !important;
animation: grHdBadgeGlow 2.2s ease-in-out infinite !important;
}
body.home .gr-hd-badge::before {
width: 8px !important;
height: 8px !important;
animation: grHdDotPulse 1.4s ease-in-out infinite !important;
}
@keyframes grHdBadgeGlow {
0%, 100% {
box-shadow: 0 0 0 0 rgba(45,212,191,0.14), 0 12px 28px rgba(0,0,0,0.14);
transform: translateY(0);
}
50% {
box-shadow: 0 0 26px 2px rgba(45,212,191,0.28), 0 16px 34px rgba(0,0,0,0.18);
transform: translateY(-1px);
}
}
@keyframes grHdDotPulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 8px rgba(45,212,191,0.75);
}
50% {
transform: scale(1.32);
box-shadow: 0 0 18px rgba(45,212,191,1);
}
}
body.home .gr-card-controls {
top: 34px !important;
right: 34px !important;
gap: 14px !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 58px !important;
height: 58px !important;
font-size: 1.12rem !important;
}
body.home .gr-social-share a {
width: 42px !important;
height: 42px !important;
min-height: 42px !important;
font-size: 0.82rem !important;
}
body.home .gr-share-whatsapp {
font-size: 0.72rem !important;
}
body.home .gr-volume-control {
width: 100% !important;
max-width: 500px !important;
padding: 14px 18px !important;
border-radius: 999px !important;
gap: 16px !important;
}
body.home .gr-mute-btn {
width: 44px !important;
height: 44px !important;
flex: 0 0 44px !important;
}
body.home .gr-volume-wave {
width: 74px !important;
gap: 5px !important;
}
body.home .gr-volume-wave span {
width: 7px !important;
border-radius: 999px !important;
animation: grVolumeWave 900ms ease-in-out infinite !important;
}
body.home .gr-volume-wave span:nth-child(2) { animation-delay: 90ms !important; }
body.home .gr-volume-wave span:nth-child(3) { animation-delay: 180ms !important; }
body.home .gr-volume-wave span:nth-child(4) { animation-delay: 270ms !important; }
body.home .gr-volume-wave span:nth-child(5) { animation-delay: 360ms !important; }
@keyframes grVolumeWave {
0%, 100% { height: 12px; opacity: 0.62; }
50% { height: 30px; opacity: 1; }
}
body.home .gr-volume-control input[type="range"] {
flex: 1 !important;
min-width: 170px !important;
height: 5px !important;
}
body.home .gr-app-badges {
gap: 18px !important;
}
body.home .gr-app-badges img {
height: 46px !important;
}
body.home .gr-open-station {
min-width: 190px !important;
padding: 13px 24px !important;
font-size: 0.86rem !important;
}  body.home .gr-radio-card {
padding: 26px !important;
gap: 14px !important;
border-radius: 24px !important;
min-height: auto !important;
background:
radial-gradient(circle at 92% 8%, rgba(45,212,191,0.12), transparent 30%),
linear-gradient(145deg, rgba(31,41,59,0.96), rgba(15,23,42,0.98)) !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
font-size: 1.45rem !important;
line-height: 1.15 !important;
font-weight: 900 !important;
max-width: none !important;
}
body.home .gr-radio-title-row {
gap: 9px !important;
padding-right: 104px !important;
margin-bottom: 0 !important;
}
body.home .gr-live-dot {
padding: 6px 10px !important;
font-size: 0.68rem !important;
}
body.home .gr-hd-badge {
padding: 5px 9px !important;
font-size: 0.6rem !important;
margin-top: -2px !important;
animation: grHdSleekPulse 2.6s ease-in-out infinite !important;
}
@keyframes grHdSleekPulse {
0%, 100% {
box-shadow: 0 0 0 rgba(45,212,191,0);
}
50% {
box-shadow: 0 0 14px rgba(45,212,191,0.22);
}
}
body.home .gr-card-controls {
top: 24px !important;
right: 24px !important;
gap: 9px !important;
}
body.home .gr-round-fav,
body.home .gr-round-play {
width: 44px !important;
height: 44px !important;
font-size: 0.92rem !important;
}
body.home .gr-radio-card > p {
font-size: 0.96rem !important;
line-height: 1.5 !important;
margin: 0 !important;
}
body.home .gr-now-playing {
padding: 14px 16px !important;
border-radius: 15px !important;
margin: 0 !important;
}
body.home .gr-now-playing small {
font-size: 0.68rem !important;
}
body.home .gr-now-playing span {
font-size: 0.95rem !important;
}
body.home .gr-share-label {
font-size: 0.66rem !important;
margin: 0 0 -4px !important;
}
body.home .gr-social-share {
gap: 8px !important;
margin: 0 !important;
}
body.home .gr-social-share a {
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
font-size: 0.72rem !important;
}
body.home .gr-volume-control {
width: 100% !important;
max-width: 360px !important;
padding: 9px 12px !important;
gap: 10px !important;
border-radius: 999px !important;
}
body.home .gr-mute-btn {
width: 34px !important;
height: 34px !important;
flex: 0 0 34px !important;
}
body.home .gr-volume-wave {
width: 48px !important;
gap: 3px !important;
}
body.home .gr-volume-wave span {
width: 5px !important;
}
body.home .gr-volume-control input[type="range"] {
min-width: 130px !important;
height: 4px !important;
}
body.home .gr-app-cta {
font-size: 0.68rem !important;
margin: 2px 0 -8px !important;
}
body.home .gr-app-badges {
gap: 12px !important;
}
body.home .gr-app-badges img {
height: 38px !important;
}
body.home .gr-open-station {
min-width: 140px !important;
padding: 10px 17px !important;
font-size: 0.74rem !important;
margin-top: 4px !important;
}  body.home .gr-radio-card .gr-app-cta {
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.home .gr-radio-card .gr-app-badges {
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}  body.home .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 9px !important;
padding-right: 104px !important;
}
body.home .gr-radio-title-row h3 {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.home .gr-live-dot {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.home .gr-hd-badge {
flex: 0 0 100% !important;
width: fit-content !important;
margin-top: -2px !important;
}  body.home .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 8px 10px !important;
padding-right: 104px !important;
margin-bottom: 0 !important;
}
body.home .gr-radio-title-row h3 {
flex: 0 0 auto !important;
margin: 0 !important;
white-space: nowrap !important;
}
body.home .gr-live-dot {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.home .gr-hd-badge {
display: inline-flex !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 2px 0 0 0 !important;
clear: both !important;
order: 3 !important;
padding: 5px 10px !important;
font-size: 0.6rem !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.home .gr-hd-badge::before {
flex: 0 0 auto !important;
}  body.home .gr-radio-card .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
column-gap: 10px !important;
row-gap: 8px !important;
padding-right: 104px !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
flex: 0 1 auto !important;
max-width: calc(100% - 90px) !important;
margin: 0 !important;
white-space: normal !important;
}
body.home .gr-radio-card .gr-live-dot {
flex: 0 0 auto !important;
order: 2 !important;
margin: 0 !important;
}
body.home .gr-radio-card .gr-hd-badge {
flex: 0 0 100% !important;
order: 3 !important;
width: fit-content !important;
margin: 0 !important;
}
@media (max-width: 760px) {
body.home .gr-radio-card .gr-radio-title-row {
padding-right: 0 !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
max-width: 100% !important;
}
}  body.home .gr-radio-card .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 8px 10px !important;
padding-right: 104px !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
display: inline-flex !important;
flex: 0 1 auto !important;
max-width: calc(100% - 78px) !important;
margin: 0 !important;
white-space: normal !important;
}
body.home .gr-radio-card .gr-live-dot {
display: inline-flex !important;
flex: 0 0 auto !important;
order: 2 !important;
margin: 0 !important;
}
body.home .gr-radio-card .gr-hd-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
flex: 0 0 auto !important;
order: 3 !important;
width: fit-content !important;
max-width: fit-content !important;
margin: 2px 0 0 !important;
padding: 5px 10px !important;
border-radius: 999px !important;
font-size: 0.6rem !important;
font-weight: 950 !important;
line-height: 1 !important;
white-space: nowrap !important;
clear: both !important;
}
body.home .gr-radio-card .gr-hd-badge::before {
content: "" !important;
display: inline-flex !important;
width: 7px !important;
height: 7px !important;
min-width: 7px !important;
border-radius: 50% !important;
}  body.home .gr-radio-card .gr-radio-title-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 8px 10px !important;
padding-right: 104px !important;
}
body.home .gr-radio-card .gr-radio-title-row h3 {
flex: 0 0 100% !important;
max-width: 100% !important;
margin: 0 !important;
white-space: normal !important;
order: 1 !important;
}
body.home .gr-radio-card .gr-live-dot {
flex: 0 0 auto !important;
order: 2 !important;
margin: 0 !important;
}
body.home .gr-radio-card .gr-hd-badge {
flex: 0 0 auto !important;
order: 3 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
white-space: nowrap !important;
}
@media (max-width: 760px) {
body.home .gr-radio-card .gr-radio-title-row {
padding-right: 0 !important;
}
}  body.home .gr-radio-card:not(.is-playing) .gr-volume-wave span {
animation-play-state: paused !important;
opacity: 0.42 !important;
}
body.home .gr-radio-card.is-playing .gr-volume-wave span {
animation-play-state: running !important;
}  body.home.gr-has-sticky-player {
padding-bottom: 96px !important;
}
body.home .gr-sticky-player {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 99999 !important;
padding: 12px 16px !important;
background: rgba(8, 13, 28, 0.88) !important;
backdrop-filter: blur(18px) !important;
border-top: 1px solid rgba(45,212,191,0.28) !important;
box-shadow: 0 -18px 50px rgba(0,0,0,0.38) !important;
}
body.home .gr-sticky-inner {
width: min(1440px, calc(100% - 16px)) !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto auto minmax(110px, 180px) auto !important;
align-items: center !important;
gap: 14px !important;
}
body.home .gr-sticky-status {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
padding: 7px 10px !important;
border-radius: 999px !important;
background: rgba(239,68,68,0.16) !important;
color: #fecaca !important;
font-size: 0.72rem !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
body.home .gr-sticky-status span {
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #ef4444 !important;
box-shadow: 0 0 14px rgba(239,68,68,0.9) !important;
}
body.home .gr-sticky-main {
min-width: 0 !important;
}
body.home .gr-sticky-title {
display: block !important;
color: #fff !important;
font-size: 0.95rem !important;
line-height: 1.2 !important;
}
body.home .gr-sticky-song {
display: block !important;
color: rgba(255,255,255,0.68) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.home .gr-sticky-play,
body.home .gr-sticky-mute,
body.home .gr-sticky-close {
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
border: 1px solid rgba(255,255,255,0.14) !important;
background: rgba(255,255,255,0.08) !important;
color: #fff !important;
font-weight: 900 !important;
cursor: pointer !important;
}
body.home .gr-sticky-play {
background: linear-gradient(135deg, #ff512f, #4f7cff) !important;
}
body.home .gr-sticky-volume {
width: 100% !important;
accent-color: #2dd4bf !important;
}
@media (max-width: 760px) {
body.home .gr-sticky-inner {
grid-template-columns: auto minmax(0, 1fr) auto auto !important;
gap: 10px !important;
}
body.home .gr-sticky-status,
body.home .gr-sticky-volume {
display: none !important;
}
}  body.home .gr-sticky-player:not([hidden]) {
display: block !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 2147483000 !important;
}  body.home .gr-favorite-strip {
width: min(1440px, calc(100% - 32px)) !important;
margin: 28px auto !important;
padding: 20px !important;
border-radius: 22px !important;
background: rgba(15,23,42,0.76) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
}
body.home .gr-favorite-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 14px !important;
justify-content: flex-start !important;
}
body.home .gr-favorite-empty {
color: rgba(255,255,255,0.68) !important;
font-size: 0.95rem !important;
}
body.home .gr-favorite-card {
width: 300px !important;
display: grid !important;
grid-template-columns: 1fr auto auto !important;
align-items: center !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 16px !important;
background: rgba(255,255,255,0.07) !important;
border: 1px solid rgba(255,255,255,0.11) !important;
}
body.home .gr-favorite-card strong {
display: block !important;
color: #fff !important;
font-size: 0.95rem !important;
}
body.home .gr-favorite-card small {
display: block !important;
color: rgba(255,255,255,0.58) !important;
}
body.home .gr-fav-mini-play {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
border: 0 !important;
background: linear-gradient(135deg, #ff512f, #4f7cff) !important;
color: #fff !important;
font-weight: 900 !important;
cursor: pointer !important;
}
body.home .gr-favorite-card a {
color: #99f6e4 !important;
font-weight: 850 !important;
text-decoration: none !important;
font-size: 0.8rem !important;
}  body.home .gr-required-pages {
margin-top: 34px !important;
padding-top: 0 !important;
}
body.home .gr-required-pages .gr-info-grid {
gap: 22px !important;
}
body.home .gr-required-pages .gr-info-card {
padding: 24px !important;
min-height: auto !important;
}
body.home .gr-required-pages .gr-info-card h3 {
margin-bottom: 12px !important;
}
body.home .gr-required-pages .gr-info-card p {
margin-bottom: 0 !important;
}
body.home .gr-station-preview {
margin-bottom: 28px !important;
padding-bottom: 0 !important;
}
body.home .gr-favorite-strip {
margin-bottom: 28px !important;
}  body.home .gr-trust-strip,
body.home .gr-return-section,
body.home .gr-app-download-section,
body.home .gr-featured-week {
width: min(1440px, calc(100% - 32px)) !important;
margin: 28px auto !important;
}
body.home .gr-trust-strip {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body.home .gr-trust-item,
body.home .gr-return-section,
body.home .gr-app-download-section,
body.home .gr-featured-week {
padding: 24px !important;
border-radius: 22px !important;
background: rgba(15,23,42,0.78) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: 0 18px 55px rgba(0,0,0,0.20) !important;
}
body.home .gr-trust-item small,
body.home .gr-return-section small,
body.home .gr-featured-week small {
display: block !important;
color: #99f6e4 !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
font-size: 0.68rem !important;
margin-bottom: 8px !important;
}
body.home .gr-trust-item strong,
body.home .gr-return-section strong,
body.home .gr-featured-week strong {
display: block !important;
color: #fff !important;
font-size: 1.05rem !important;
}
body.home .gr-trust-item p,
body.home .gr-return-section p,
body.home .gr-featured-week p,
body.home .gr-app-download-section p {
color: rgba(255,255,255,0.68) !important;
margin: 8px 0 0 !important;
}
body.home .gr-continue-card,
body.home .gr-featured-week__inner,
body.home .gr-app-download-section__inner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
}
body.home .gr-continue-play {
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
border: 0 !important;
background: linear-gradient(135deg, #ff512f, #4f7cff) !important;
color: #fff !important;
font-weight: 900 !important;
cursor: pointer !important;
}
body.home .gr-continue-card a,
body.home .gr-featured-week a {
color: #99f6e4 !important;
font-weight: 900 !important;
text-decoration: none !important;
}
body.home .gr-app-download-section .gr-app-badges {
justify-content: flex-end !important;
}
@media (max-width: 760px) {
body.home .gr-trust-strip {
grid-template-columns: 1fr !important;
}
body.home .gr-continue-card,
body.home .gr-featured-week__inner,
body.home .gr-app-download-section__inner {
align-items: flex-start !important;
flex-direction: column !important;
}
body.home .gr-app-download-section .gr-app-badges {
justify-content: flex-start !important;
}
}  body.home .gr-return-section {
width: min(1440px, calc(100% - 32px)) !important;
margin: 26px auto 34px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.home .gr-return-section .gr-continue-card {
width: min(520px, 100%) !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto auto !important;
align-items: center !important;
gap: 14px !important;
padding: 20px 22px !important;
border-radius: 22px !important;
background: rgba(15,23,42,0.78) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: 0 18px 55px rgba(0,0,0,0.20) !important;
}
body.home .gr-return-section .gr-continue-card small {
margin: 0 0 7px !important;
font-size: 0.68rem !important;
}
body.home .gr-return-section .gr-continue-card strong {
font-size: 1rem !important;
line-height: 1.2 !important;
}
body.home .gr-return-section .gr-continue-play {
width: 42px !important;
height: 42px !important;
}
body.home .gr-return-section .gr-continue-card a {
font-size: 0.82rem !important;
}
@media (max-width: 760px) {
body.home .gr-return-section .gr-continue-card {
grid-template-columns: 1fr auto !important;
}
body.home .gr-return-section .gr-continue-card a {
grid-column: 1 / -1 !important;
}
}  body.home .gr-return-section {
width: min(1440px, calc(100% - 32px)) !important;
margin: 26px auto 34px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.home .gr-return-section .gr-continue-card {
position: relative !important;
overflow: hidden !important;
width: min(620px, 100%) !important;
min-height: 118px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto auto !important;
align-items: center !important;
gap: 16px !important;
padding: 24px 26px !important;
border-radius: 26px !important;
background:
radial-gradient(circle at 88% 20%, rgba(45,212,191,0.22), transparent 34%),
linear-gradient(145deg, rgba(31,41,59,0.94), rgba(15,23,42,0.98)) !important;
border: 1px solid rgba(45,212,191,0.22) !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.26), 0 0 0 1px rgba(255,255,255,0.04) inset !important;
}
body.home .gr-return-section .gr-continue-card::before {
content: "Last Played" !important;
position: absolute !important;
top: 16px !important;
right: 18px !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: rgba(45,212,191,0.12) !important;
border: 1px solid rgba(45,212,191,0.24) !important;
color: #99f6e4 !important;
font-size: 0.62rem !important;
font-weight: 950 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.home .gr-return-section .gr-continue-card small {
display: block !important;
margin: 0 0 8px !important;
color: #99f6e4 !important;
font-size: 0.7rem !important;
font-weight: 950 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.home .gr-return-section .gr-continue-card strong {
display: block !important;
color: #fff !important;
font-size: 1.2rem !important;
line-height: 1.15 !important;
font-weight: 950 !important;
}
body.home .gr-return-section .gr-continue-play {
width: 52px !important;
height: 52px !important;
border-radius: 50% !important;
border: 1px solid rgba(255,255,255,0.18) !important;
background: linear-gradient(135deg, #ff512f, #4f7cff) !important;
color: #fff !important;
font-weight: 950 !important;
box-shadow: 0 14px 34px rgba(79,124,255,0.26) !important;
cursor: pointer !important;
transition: transform 180ms ease, box-shadow 180ms ease !important;
}
body.home .gr-return-section .gr-continue-play:hover {
transform: translateY(-2px) scale(1.06) !important;
box-shadow: 0 18px 44px rgba(45,212,191,0.26) !important;
}
body.home .gr-return-section .gr-continue-card a {
color: #ccfbf1 !important;
font-size: 0.84rem !important;
font-weight: 950 !important;
text-decoration: none !important;
padding: 9px 13px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.07) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
}
@media (max-width: 760px) {
body.home .gr-return-section .gr-continue-card {
grid-template-columns: 1fr auto !important;
padding: 22px !important;
}
body.home .gr-return-section .gr-continue-card a {
grid-column: 1 / -1 !important;
width: fit-content !important;
}
}  body.home .gr-return-section {
display: grid !important;
grid-template-columns: minmax(360px, 620px) minmax(280px, 1fr) !important;
gap: 24px !important;
align-items: stretch !important;
width: min(1440px, calc(100% - 32px)) !important;
margin: 26px auto 34px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.home .gr-return-section .gr-continue-card {
width: 100% !important;
height: 100% !important;
}
body.home .gr-return-companion {
min-height: 118px !important;
padding: 24px 26px !important;
border-radius: 26px !important;
background:
radial-gradient(circle at 92% 20%, rgba(96,165,250,0.18), transparent 34%),
linear-gradient(145deg, rgba(15,23,42,0.78), rgba(15,23,42,0.94)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
box-shadow: 0 18px 55px rgba(0,0,0,0.20) !important;
}
body.home .gr-return-companion small {
display: block !important;
color: #99f6e4 !important;
font-size: 0.7rem !important;
font-weight: 950 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
}
body.home .gr-return-companion strong {
display: block !important;
color: #fff !important;
font-size: 1.15rem !important;
line-height: 1.2 !important;
}
body.home .gr-return-companion p {
margin: 9px 0 0 !important;
color: rgba(255,255,255,0.68) !important;
max-width: 560px !important;
}
body.home .gr-continue-play:disabled {
opacity: 0.7 !important;
cursor: wait !important;
}
@media (max-width: 900px) {
body.home .gr-return-section {
grid-template-columns: 1fr !important;
}
body.home .gr-return-companion {
display: none !important;
}
}  body.home .gr-return-section {
display: grid !important;
grid-template-columns: minmax(360px, 42%) minmax(0, 1fr) !important;
gap: 24px !important;
align-items: stretch !important;
overflow: visible !important;
}
body.home .gr-return-section .gr-continue-card {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.home .gr-return-companion {
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.home .gr-return-section .gr-continue-card::before {
top: 18px !important;
right: 18px !important;
}
body.home .gr-return-section .gr-continue-card {
grid-template-columns: minmax(0, 1fr) auto auto !important;
padding-right: 26px !important;
}
@media (max-width: 1100px) {
body.home .gr-return-section {
grid-template-columns: 1fr !important;
}
body.home .gr-return-companion {
display: block !important;
}
}
@media (max-width: 760px) {
body.home .gr-return-section .gr-continue-card {
grid-template-columns: 1fr auto !important;
}
body.home .gr-return-section .gr-continue-card a {
grid-column: 1 / -1 !important;
}
}  body.home .gr-continue-play {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home .gr-continue-play:disabled {
opacity: 0.72 !important;
cursor: wait !important;
}
body.home .gr-needs-rich-upgrade {
outline: 2px solid rgba(239,68,68,0.5) !important;
}  body.home .gr-station-preview,
body.home .gr-app-download,
body.home .gr-required-pages {
position: relative;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, 0.18) !important;
background:
radial-gradient(circle at 12% 20%, rgba(45, 212, 191, 0.16), transparent 34%),
radial-gradient(circle at 88% 30%, rgba(251, 191, 36, 0.12), transparent 30%),
linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(8, 13, 28, 0.98)) !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06);
border-radius: 24px;
padding: 34px 32px !important;
}
body.home .gr-station-preview::before,
body.home .gr-app-download::before,
body.home .gr-required-pages::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.08) 42%, transparent 58%);
transform: translateX(-120%);
animation: grPanelShine 7s ease-in-out infinite;
pointer-events: none;
}
body.home .gr-station-preview {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
gap: 28px;
align-items: center;
}
body.home .gr-station-preview::after {
content: "♪";
display: grid;
place-items: center;
width: 92px;
height: 92px;
border-radius: 28px;
font-size: 44px;
font-weight: 900;
color: #06111d;
background: linear-gradient(135deg, #5eead4, #facc15);
box-shadow: 0 20px 45px rgba(45, 212, 191, 0.22);
animation: grFloatNote 4s ease-in-out infinite;
}
body.home .gr-station-preview .gr-demo-label,
body.home .gr-app-download .gr-demo-label,
body.home .gr-required-pages .gr-demo-label {
color: #99f6e4 !important;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.13em;
text-transform: uppercase;
margin-bottom: 10px;
}
body.home .gr-station-preview h2,
body.home .gr-app-download h2,
body.home .gr-required-pages h2 {
margin: 0 0 10px;
font-size: clamp(26px, 3vw, 42px);
line-height: 1.05;
letter-spacing: -0.02em;
background: linear-gradient(90deg, #ffffff, #ccfbf1, #fde68a);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
body.home .gr-station-preview p,
body.home .gr-app-download p,
body.home .gr-required-pages p {
color: rgba(226, 232, 240, 0.78);
font-size: 17px;
line-height: 1.55;
max-width: 760px;
}
body.home .gr-station-preview a,
body.home .gr-info-card a {
color: #99f6e4;
font-weight: 900;
text-decoration: none;
}
body.home .gr-app-download {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 30px;
}
body.home .gr-app-download .gr-app-badges,
body.home .gr-app-download .wp-block-buttons {
justify-content: center;
align-items: center;
gap: 16px;
}
body.home .gr-app-download .gr-app-badges a,
body.home .gr-app-download .wp-block-button__link {
transform: translateY(0);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
body.home .gr-app-download .gr-app-badges a:hover,
body.home .gr-app-download .wp-block-button__link:hover {
transform: translateY(-4px) scale(1.03);
box-shadow: 0 18px 40px rgba(45, 212, 191, 0.18);
}
body.home .gr-required-pages .gr-info-grid {
gap: 18px;
}
body.home .gr-required-pages .gr-info-card {
background: rgba(15, 23, 42, 0.74) !important;
border: 1px solid rgba(148, 163, 184, 0.16);
border-radius: 18px;
transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}
body.home .gr-required-pages .gr-info-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, 0.42);
background: rgba(15, 23, 42, 0.92) !important;
}
@keyframes grPanelShine {
0%, 62% { transform: translateX(-130%); opacity: 0; }
72% { opacity: 1; }
100% { transform: translateX(130%); opacity: 0; }
}
@keyframes grFloatNote {
0%, 100% { transform: translateY(0) rotate(-4deg); }
50% { transform: translateY(-8px) rotate(4deg); }
}
@media (max-width: 800px) {
body.home .gr-station-preview,
body.home .gr-app-download {
grid-template-columns: 1fr;
padding: 26px 20px !important;
}
body.home .gr-station-preview::after {
width: 70px;
height: 70px;
font-size: 34px;
}
} body.home .gr-station-preview,
body.home .gr-app-download {
position: relative !important;
isolation: isolate;
overflow: hidden !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(260px, 420px) !important;
align-items: center !important;
gap: 34px !important;
min-height: 185px !important;
border-radius: 28px !important;
padding: 34px 36px !important;
border: 1px solid rgba(94, 234, 212, 0.22) !important;
background:
radial-gradient(circle at 14% 10%, rgba(45, 212, 191, 0.24), transparent 32%),
radial-gradient(circle at 92% 78%, rgba(99, 102, 241, 0.22), transparent 34%),
linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(8, 13, 29, 0.98)) !important;
box-shadow:
0 26px 80px rgba(0, 0, 0, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
body.home .gr-station-preview::before,
body.home .gr-app-download::before {
content: "" !important;
position: absolute !important;
inset: -2px !important;
z-index: -1 !important;
background: linear-gradient(120deg, rgba(45, 212, 191, 0.32), transparent 35%, rgba(129, 140, 248, 0.28), transparent 72%, rgba(250, 204, 21, 0.18)) !important;
opacity: 0.65 !important;
filter: blur(18px) !important;
animation: grPremiumPulse 5s ease-in-out infinite !important;
}
body.home .gr-station-preview::after {
content: "ON AIR" !important;
justify-self: end !important;
display: grid !important;
place-items: center !important;
width: 150px !important;
height: 150px !important;
border-radius: 999px !important;
color: #06111d !important;
font-size: 24px !important;
font-weight: 950 !important;
letter-spacing: -0.03em !important;
background:
radial-gradient(circle at 34% 28%, #ffffff 0 8%, transparent 9%),
linear-gradient(135deg, #5eead4, #60a5fa 58%, #facc15) !important;
box-shadow:
0 0 0 12px rgba(94, 234, 212, 0.08),
0 0 0 24px rgba(96, 165, 250, 0.05),
0 24px 54px rgba(45, 212, 191, 0.22) !important;
animation: grOnAirFloat 3.8s ease-in-out infinite !important;
}
body.home .gr-station-preview .gr-demo-label,
body.home .gr-app-download > p:first-child {
display: inline-flex !important;
width: fit-content !important;
align-items: center !important;
gap: 8px !important;
padding: 7px 12px !important;
margin: 0 0 13px !important;
border-radius: 999px !important;
color: #99f6e4 !important;
font-size: 12px !important;
font-weight: 950 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
background: rgba(20, 184, 166, 0.12) !important;
border: 1px solid rgba(94, 234, 212, 0.22) !important;
}
body.home .gr-station-preview h2,
body.home .gr-app-download h2 {
margin: 0 0 10px !important;
font-size: clamp(28px, 3.1vw, 44px) !important;
line-height: 1.02 !important;
letter-spacing: -0.045em !important;
color: #ffffff !important;
text-shadow: 0 10px 40px rgba(45, 212, 191, 0.16) !important;
}
body.home .gr-station-preview p,
body.home .gr-app-download p {
color: rgba(226, 232, 240, 0.76) !important;
font-size: 17px !important;
line-height: 1.55 !important;
max-width: 720px !important;
}
body.home .gr-station-preview a {
justify-self: end !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 160px !important;
min-height: 48px !important;
padding: 13px 20px !important;
border-radius: 999px !important;
color: #06111d !important;
font-weight: 950 !important;
text-decoration: none !important;
background: linear-gradient(135deg, #5eead4, #60a5fa) !important;
box-shadow: 0 16px 34px rgba(45, 212, 191, 0.18) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
body.home .gr-station-preview a:hover {
transform: translateY(-3px) scale(1.03) !important;
box-shadow: 0 22px 48px rgba(45, 212, 191, 0.28) !important;
}
body.home .gr-app-download::after {
content: "Mobile Ready";
justify-self: end;
display: grid;
place-items: center;
width: 138px;
height: 138px;
border-radius: 32px;
color: #e0f2fe;
font-size: 18px;
font-weight: 950;
text-align: center;
background:
linear-gradient(135deg, rgba(15, 23, 42, 0.78), rgba(30, 41, 59, 0.92)),
radial-gradient(circle, rgba(94, 234, 212, 0.26), transparent 62%);
border: 1px solid rgba(148, 163, 184, 0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 42px rgba(0,0,0,0.25);
animation: grSoftTilt 5s ease-in-out infinite;
}
body.home .gr-app-download .gr-app-badges,
body.home .gr-app-download .wp-block-buttons {
justify-content: flex-start !important;
gap: 16px !important;
margin-top: 18px !important;
}
body.home .gr-app-download img {
height: 46px !important;
width: auto !important;
object-fit: contain !important;
}
@keyframes grPremiumPulse {
0%, 100% { opacity: 0.45; transform: scale(1); }
50% { opacity: 0.82; transform: scale(1.03); }
}
@keyframes grOnAirFloat {
0%, 100% { transform: translateY(0) rotate(-3deg); }
50% { transform: translateY(-8px) rotate(3deg); }
}
@keyframes grSoftTilt {
0%, 100% { transform: rotate(-2deg) translateY(0); }
50% { transform: rotate(2deg) translateY(-6px); }
}
@media (max-width: 900px) {
body.home .gr-station-preview,
body.home .gr-app-download {
grid-template-columns: 1fr !important;
padding: 28px 22px !important;
}
body.home .gr-station-preview::after,
body.home .gr-app-download::after {
justify-self: start !important;
width: 104px !important;
height: 104px !important;
font-size: 16px !important;
}
body.home .gr-station-preview a {
justify-self: start !important;
}
} body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages),
body.home .gr-station-preview {
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 32px !important;
min-height: 190px !important;
padding: 38px 42px !important;
border-radius: 30px !important;
border: 1px solid rgba(94, 234, 212, 0.32) !important;
background:
radial-gradient(circle at 8% 15%, rgba(45, 212, 191, 0.28), transparent 32%),
radial-gradient(circle at 85% 20%, rgba(96, 165, 250, 0.28), transparent 34%),
radial-gradient(circle at 92% 92%, rgba(250, 204, 21, 0.16), transparent 30%),
linear-gradient(135deg, #111827 0%, #07111f 52%, #111827 100%) !important;
box-shadow:
0 30px 90px rgba(0, 0, 0, 0.48),
inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages)::before,
body.home .gr-station-preview::before {
content: "" !important;
position: absolute !important;
inset: -40% !important;
z-index: -1 !important;
background:
conic-gradient(from 180deg, transparent, rgba(94, 234, 212, 0.22), transparent, rgba(96, 165, 250, 0.18), transparent) !important;
animation: grPromoRotate 12s linear infinite !important;
opacity: 0.75 !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages)::after,
body.home .gr-station-preview::after {
content: "LIVE" !important;
display: grid !important;
place-items: center !important;
width: 118px !important;
height: 118px !important;
border-radius: 32px !important;
color: #06111d !important;
font-size: 25px !important;
font-weight: 950 !important;
letter-spacing: -0.04em !important;
background: linear-gradient(135deg, #5eead4, #60a5fa 58%, #facc15) !important;
box-shadow:
0 0 0 10px rgba(94, 234, 212, 0.08),
0 18px 44px rgba(45, 212, 191, 0.22) !important;
animation: grPromoFloat 4s ease-in-out infinite !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) h2,
body.home .gr-station-preview h2 {
font-size: clamp(30px, 3.3vw, 48px) !important;
line-height: 1.02 !important;
letter-spacing: -0.045em !important;
margin-bottom: 12px !important;
background: linear-gradient(90deg, #fff, #ccfbf1, #fde68a) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) p,
body.home .gr-station-preview p {
color: rgba(226, 232, 240, 0.8) !important;
font-size: 18px !important;
line-height: 1.55 !important;
max-width: 760px !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) .gr-demo-label,
body.home .gr-station-preview .gr-demo-label {
display: inline-flex !important;
width: fit-content !important;
padding: 7px 13px !important;
border-radius: 999px !important;
background: rgba(20, 184, 166, 0.14) !important;
border: 1px solid rgba(94, 234, 212, 0.28) !important;
color: #99f6e4 !important;
font-size: 12px !important;
font-weight: 950 !important;
letter-spacing: 0.13em !important;
text-transform: uppercase !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) a,
body.home .gr-station-preview a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
font-weight: 950 !important;
text-decoration: none !important;
color: #06111d !important;
background: linear-gradient(135deg, #5eead4, #60a5fa) !important;
box-shadow: 0 18px 40px rgba(45, 212, 191, 0.2) !important;
transition: transform .22s ease, box-shadow .22s ease !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) a:hover,
body.home .gr-station-preview a:hover {
transform: translateY(-4px) scale(1.03) !important;
box-shadow: 0 24px 54px rgba(45, 212, 191, 0.3) !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages) img {
height: 48px !important;
width: auto !important;
object-fit: contain !important;
}
@keyframes grPromoRotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes grPromoFloat {
0%, 100% { transform: translateY(0) rotate(-3deg); }
50% { transform: translateY(-8px) rotate(3deg); }
}
@media (max-width: 850px) {
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages),
body.home .gr-station-preview {
grid-template-columns: 1fr !important;
padding: 28px 22px !important;
}
body.home .gr-editable-home > .wp-block-group.gr-container:not(.gr-featured-stations):not(.gr-required-pages)::after,
body.home .gr-station-preview::after {
width: 86px !important;
height: 86px !important;
font-size: 18px !important;
}
} body.home .gr-required-pages .gr-info-card a,
body.home .gr-info-card a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 38px !important;
padding: 9px 16px !important;
border-radius: 999px !important;
font-size: 14px !important;
line-height: 1 !important;
font-weight: 850 !important;
width: auto !important;
max-width: max-content !important;
} body.home .gr-station-card.gr-radio-card {
min-height: 0 !important;
}
body.home .gr-station-card.gr-radio-card > p {
min-height: 48px !important;
}
body.home .gr-details-pill {
align-self: center !important;
margin: 2px auto 6px !important;
padding: 8px 15px !important;
min-height: 34px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 900 !important;
text-decoration: none !important;
} body.home .gr-featured-week,
body.home .gr-app-download-section {
width: min(1440px, calc(100% - 32px));
margin: 34px auto;
}
body.home .gr-featured-week__inner,
body.home .gr-app-download-section__inner {
position: relative;
overflow: hidden;
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 28px;
min-height: 176px;
padding: 32px;
border-radius: 26px;
border: 1px solid rgba(94, 234, 212, 0.26);
background:
radial-gradient(circle at 9% 14%, rgba(45, 212, 191, 0.20), transparent 34%),
radial-gradient(circle at 88% 78%, rgba(96, 165, 250, 0.22), transparent 34%),
linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(8, 13, 29, 0.98));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}
body.home .gr-featured-week__inner::before,
body.home .gr-app-download-section__inner::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.08) 42%, transparent 58%);
transform: translateX(-130%);
animation: grCleanSweep 7s ease-in-out infinite;
pointer-events: none;
}
body.home .gr-featured-week small,
body.home .gr-app-download-section small {
display: inline-flex;
width: fit-content;
margin: 0 0 12px;
padding: 7px 12px;
border-radius: 999px;
color: #99f6e4;
background: rgba(20, 184, 166, 0.13);
border: 1px solid rgba(94, 234, 212, 0.24);
font-size: 12px;
font-weight: 950;
letter-spacing: 0.13em;
text-transform: uppercase;
}
body.home .gr-featured-week strong,
body.home .gr-app-download-section h2 {
display: block;
margin: 0 0 10px;
font-size: clamp(28px, 3vw, 42px);
line-height: 1.04;
letter-spacing: -0.04em;
color: #fff;
}
body.home .gr-featured-week p,
body.home .gr-app-download-section p {
max-width: 720px;
margin: 0;
color: rgba(226, 232, 240, 0.76);
font-size: 17px;
line-height: 1.55;
}
body.home .gr-featured-week__inner::after {
content: "♪";
display: grid;
place-items: center;
width: 98px;
height: 98px;
border-radius: 28px;
color: #06111d;
font-size: 42px;
font-weight: 950;
background: linear-gradient(135deg, #5eead4, #60a5fa 58%, #facc15);
box-shadow: 0 0 0 10px rgba(94, 234, 212, 0.07), 0 18px 42px rgba(45, 212, 191, 0.20);
animation: grCleanFloat 4s ease-in-out infinite;
}
body.home .gr-featured-week a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px;
border-radius: 999px;
color: #06111d;
font-size: 14px;
font-weight: 950;
text-decoration: none;
background: linear-gradient(135deg, #5eead4, #60a5fa);
box-shadow: 0 16px 34px rgba(45, 212, 191, 0.18);
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
body.home .gr-featured-week a:hover {
transform: translateY(-3px);
box-shadow: 0 22px 46px rgba(45, 212, 191, 0.28);
}
body.home .gr-app-download-section .gr-app-badges {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
flex-wrap: wrap;
}
body.home .gr-app-download-section .gr-app-badges a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 158px;
height: 56px;
padding: 8px 14px;
border-radius: 16px;
background: rgba(2, 6, 23, 0.72);
border: 1px solid rgba(148, 163, 184, 0.24);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 14px 30px rgba(0,0,0,0.22);
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
body.home .gr-app-download-section .gr-app-badges a:hover {
transform: translateY(-4px) scale(1.03);
border-color: rgba(94, 234, 212, 0.44);
box-shadow: 0 20px 42px rgba(45, 212, 191, 0.18);
}
body.home .gr-app-download-section .gr-app-badges img {
display: block;
height: 38px;
width: auto;
object-fit: contain;
}
body.home .gr-required-pages .gr-info-card a {
min-height: 38px !important;
padding: 9px 16px !important;
font-size: 14px !important;
border-radius: 999px !important;
width: fit-content !important;
}
@keyframes grCleanSweep {
0%, 62% { transform: translateX(-130%); opacity: 0; }
72% { opacity: 1; }
100% { transform: translateX(130%); opacity: 0; }
}
@keyframes grCleanFloat {
0%, 100% { transform: translateY(0) rotate(-4deg); }
50% { transform: translateY(-8px) rotate(4deg); }
}
@media (max-width: 850px) {
body.home .gr-featured-week__inner,
body.home .gr-app-download-section__inner {
grid-template-columns: 1fr;
padding: 26px 20px;
}
body.home .gr-featured-week__inner::after {
width: 76px;
height: 76px;
font-size: 32px;
}
body.home .gr-app-download-section .gr-app-badges {
justify-content: flex-start;
}
} .skip-link,
.screen-reader-text.skip-link,
a.skip-link {
position: absolute !important;
left: -9999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
white-space: nowrap !important;
} body.home .gr-required-pages {
width: min(1440px, calc(100% - 32px));
margin: 36px auto 44px;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.home .gr-required-pages .gr-info-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
}
body.home .gr-required-pages .gr-info-card {
position: relative;
overflow: hidden;
min-height: 188px;
padding: 24px 24px 22px !important;
border-radius: 22px !important;
border: 1px solid rgba(148, 163, 184, 0.18) !important;
background:
radial-gradient(circle at 14% 18%, rgba(45, 212, 191, 0.16), transparent 34%),
linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(8, 13, 29, 0.96)) !important;
box-shadow: 0 20px 54px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255,255,255,0.06) !important;
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
body.home .gr-required-pages .gr-info-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 234, 212, 0.38) !important;
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34), 0 0 34px rgba(45, 212, 191, 0.08) !important;
}
body.home .gr-required-pages .gr-info-card::before {
content: "";
display: block;
width: 34px;
height: 4px;
margin-bottom: 18px;
border-radius: 999px;
background: linear-gradient(90deg, #5eead4, #60a5fa);
}
body.home .gr-required-pages .gr-info-card h3 {
margin: 0 0 10px !important;
color: #ffffff !important;
font-size: 22px !important;
line-height: 1.1 !important;
letter-spacing: -0.03em !important;
}
body.home .gr-required-pages .gr-info-card p {
margin: 0 0 18px !important;
color: rgba(226, 232, 240, 0.72) !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
body.home .gr-required-pages .gr-info-card a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 34px !important;
padding: 8px 14px !important;
border-radius: 999px !important;
color: #06111d !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-decoration: none !important;
background: linear-gradient(135deg, #5eead4, #60a5fa) !important;
box-shadow: 0 12px 26px rgba(45, 212, 191, 0.18) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
body.home .gr-required-pages .gr-info-card a:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(45, 212, 191, 0.26) !important;
} .gr-site-footer {
margin-top: 56px;
padding: 42px 0 28px;
border-top: 1px solid rgba(148, 163, 184, 0.14);
background:
radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
linear-gradient(180deg, rgba(2, 6, 23, 0.32), rgba(2, 6, 23, 0.92));
}
.gr-footer-inner {
width: min(1440px, calc(100% - 32px));
margin-inline: auto;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 28px;
align-items: start;
}
.gr-footer-brand strong {
display: block;
color: #ffffff;
font-size: 22px;
letter-spacing: -0.03em;
margin-bottom: 8px;
}
.gr-footer-brand p {
max-width: 620px;
margin: 0;
color: rgba(226, 232, 240, 0.68);
font-size: 15px;
line-height: 1.55;
}
.gr-footer-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px 18px;
}
.gr-footer-links a {
color: rgba(226, 232, 240, 0.78);
font-size: 14px;
font-weight: 750;
text-decoration: none;
transition: color 0.2s ease;
}
.gr-footer-links a:hover {
color: #99f6e4;
}
.gr-footer-bottom {
width: min(1440px, calc(100% - 32px));
margin: 26px auto 0;
padding-top: 18px;
border-top: 1px solid rgba(148, 163, 184, 0.10);
color: rgba(226, 232, 240, 0.52);
font-size: 13px;
display: flex;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
@media (max-width: 900px) {
body.home .gr-required-pages .gr-info-grid {
grid-template-columns: 1fr !important;
}
.gr-footer-inner {
grid-template-columns: 1fr;
}
.gr-footer-links {
justify-content: flex-start;
}
}