:root{
  --bg:#06111f;--panel:#0b1b30;--panel2:#102744;--text:#f7fbff;--muted:#95aac3;
  --blue:#2478ff;--green:#18e27d;--yellow:#ffd326;--red:#ff4855;--pink:#ff3eb5;
  --line:rgba(255,255,255,.10);--shadow:0 24px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.topbar{position:sticky;top:0;z-index:20;height:78px;padding:12px clamp(18px,5vw,76px);display:flex;align-items:center;gap:30px;background:rgba(6,17,31,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:grid;grid-template-columns:auto auto;line-height:.83;font-family:Archivo;min-width:190px}.brand span{grid-column:1/3;font-size:.6rem;font-weight:900;color:var(--yellow)}.brand strong{font-size:1.8rem}.brand b{align-self:end;color:var(--yellow);font-size:.84rem}.brand small{grid-column:1/3;margin-top:5px;font-size:.55rem}
.desktop-nav{display:flex;gap:21px;margin:auto;font-size:.86rem;color:#cbd6e4}.desktop-nav a:hover{color:white}.top-actions{display:flex;gap:8px;align-items:center}
.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;color:white}.btn.primary{background:linear-gradient(135deg,var(--blue),#7541ff)}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.live{background:linear-gradient(135deg,var(--red),#ff722d)}.btn.big{padding:15px 20px}.btn.full{width:100%}
.avatar-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:linear-gradient(135deg,#174475,#713ccf);color:white;font-weight:900}.hidden{display:none!important}
.hero{min-height:650px;padding:75px clamp(20px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;background:
radial-gradient(circle at 16% 35%,rgba(36,120,255,.25),transparent 32%),
radial-gradient(circle at 86% 26%,rgba(255,62,181,.17),transparent 28%),
linear-gradient(145deg,#06111f,#08192b 55%,#071321)}
.eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.15em;font-weight:900;color:var(--green);margin-bottom:10px}.hero h1,.section h2,.live-copy h2,.radio-copy h2,.how h2,.modal h2{font-family:Archivo;margin:0}.hero h1{font-size:clamp(3.7rem,7vw,7.3rem);line-height:.84;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{max-width:720px;color:#c8d5e4;line-height:1.65;font-size:1.06rem}
.hero-search{display:flex;max-width:720px;background:white;padding:7px;border-radius:16px;margin:25px 0;box-shadow:var(--shadow)}.hero-search span{color:#65778f;font-size:1.5rem;padding:8px}.hero-search input{flex:1;border:0;outline:0;color:#142033}.hero-search button{border:0;border-radius:11px;background:var(--blue);color:white;font-weight:900;padding:0 24px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-tags{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#b6c6d8;font-size:.82rem}
.live-teaser{background:linear-gradient(145deg,#102d4f,#071423);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.live-top{display:flex;justify-content:space-between;font-size:.78rem;font-weight:900}.live-badge{background:var(--red);border-radius:7px;padding:7px 10px}.live-stage{display:flex;gap:18px;align-items:center;padding:34px 15px;margin:14px 0;border-radius:20px;background:radial-gradient(circle at center,rgba(120,51,255,.35),transparent 68%)}.mic{font-size:5rem}.live-stage strong{font:900 2rem Archivo}.live-stage p{color:var(--muted);line-height:1.4}.live-now{display:grid;background:#f8fbff;color:#132035;border-radius:15px;padding:14px;margin-bottom:12px}.live-now small{color:#74869b}.live-now span{color:#5c7189;font-size:.78rem;margin-top:4px}
.categories-wrap{border-block:1px solid var(--line);background:#09182a}.categories{display:flex;gap:9px;overflow:auto;padding:17px clamp(20px,7vw,110px)}.pill{min-width:max-content;border:1px solid var(--line);background:#0d2138;color:white;padding:10px 14px;border-radius:999px}.pill.active,.pill:hover{background:white;color:#122033}
.section{padding:75px clamp(20px,7vw,110px)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section h2,.live-copy h2,.radio-copy h2,.how h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}.filters{display:flex;gap:8px}.filters select{background:#0e223b;color:white;border:1px solid var(--line);padding:10px;border-radius:11px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#0a1b2e;border:1px solid var(--line);border-radius:21px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.24)}.card-img{position:relative;height:210px;background:linear-gradient(135deg,#1b334f,#0b1522);display:grid;place-items:center;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.no-image{font-size:3rem;opacity:.7}.card-img .type{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:7px;background:#0b5b38;color:#7bf2b5;font-size:.62rem;font-weight:900}.card-body{padding:15px}.card h3{font:800 1.03rem Archivo;margin:0 0 8px}.price{font:800 1.42rem Archivo}.card-desc{color:#91a5bc;font-size:.83rem;line-height:1.45;height:37px;overflow:hidden}.meta{display:flex;justify-content:space-between;gap:8px;color:#7f94ad;font-size:.7rem;margin:12px 0}.card-actions{display:flex;gap:7px}.card-actions button{flex:1;border:0;border-radius:10px;padding:10px;font-weight:800}.view-btn{background:#173350;color:white}.offer-btn{background:var(--blue);color:white}.loading-card{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}.empty{text-align:center;padding:50px;color:#8fa4bc}.empty span{display:block;margin-top:7px}
.live-section{padding:80px clamp(20px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:linear-gradient(125deg,#260a2c,#0b1730 65%,#071321)}.live-orb{aspect-ratio:1/1;max-width:430px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(255,62,89,.27),rgba(82,46,222,.18) 48%,transparent 68%);border:1px solid rgba(255,255,255,.08)}.live-orb span{background:var(--red);border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:900}.live-orb strong{font:900 7rem Archivo;letter-spacing:-.12em}.live-orb div{letter-spacing:7px;color:#ff5870}.live-copy p{color:#b7c6d8;line-height:1.7}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0;color:#d6e2ee;font-size:.88rem}
.radio-section{padding:75px clamp(20px,7vw,110px);background:#071421}.radio-copy p{color:var(--muted)}.player{display:flex;align-items:center;gap:18px;background:#0d2138;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:25px}.station{display:flex;gap:12px;align-items:center;min-width:300px}.station-logo{width:57px;height:57px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1b77ff,#ff3eb5);font:900 1.3rem Archivo}.station>div:last-child{display:grid}.station small{font-size:.58rem;color:#8195ad}.station span{font-size:.72rem;color:#8195ad}.play{width:50px;height:50px;border-radius:50%;border:0;background:var(--green);font-size:1.1rem}.equalizer{display:flex;align-items:end;gap:4px;height:30px}.equalizer i{width:4px;height:8px;background:var(--blue);border-radius:3px}.equalizer.playing i:nth-child(1){animation:eq .6s infinite alternate}.equalizer.playing i:nth-child(2){animation:eq .45s infinite alternate-reverse}.equalizer.playing i:nth-child(3){animation:eq .8s infinite alternate}.equalizer.playing i:nth-child(4){animation:eq .55s infinite alternate-reverse}.equalizer.playing i:nth-child(5){animation:eq .7s infinite alternate}@keyframes eq{to{height:29px}}.player>a{margin-left:auto;color:#91b9ff;font-size:.82rem}
.how{padding:75px clamp(20px,7vw,110px);background:#f5f8fc;color:#132034}.centered{text-align:center}.how .eyebrow{color:#176de8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.steps article{position:relative;background:white;border:1px solid #dde5ee;border-radius:20px;padding:23px}.steps b{position:absolute;right:15px;top:12px;color:#dbe2eb;font-size:2rem}.steps article>span{font-size:2.3rem}.steps h3{font-family:Archivo;margin:15px 0 7px}.steps p{color:#64748b;line-height:1.5;font-size:.88rem}
footer{display:flex;justify-content:space-between;gap:30px;padding:42px clamp(20px,7vw,110px);background:#040c15;border-top:1px solid var(--line);color:#8397af}footer strong{display:block;color:white;font-family:Archivo}footer span{color:var(--yellow);font-size:.8rem}footer p{font-size:.78rem}footer nav{display:flex;gap:18px;align-items:center;font-size:.8rem}
.modal-bg{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.73);display:grid;place-items:center;padding:18px}.modal{position:relative;width:min(460px,100%);max-height:92vh;overflow:auto;background:#0d2138;border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow)}.modal.wide{width:min(920px,100%)}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:white;font-size:1.6rem}.modal label{display:grid;gap:6px;font-size:.8rem;font-weight:700;color:#cbd7e5;margin-top:13px}.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#071624;color:white;padding:12px;outline:0}.modal small,.modal-note{color:#8195ad;font-size:.72rem}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.exchange-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:end}.check{display:flex!important;align-items:center;gap:8px;background:#071624;border:1px solid var(--line);border-radius:11px;padding:12px}.check input{width:auto!important}.preview{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:9px}.preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.modal-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.modal-actions span,.status-line{font-size:.78rem;color:#91a5bc}.product-modal{width:min(720px,100%)}.detail-img{height:330px;border-radius:15px;overflow:hidden;background:#071624;display:grid;place-items:center}.detail-img img{width:100%;height:100%;object-fit:cover}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin:18px 0}.detail-head h2{font-size:1.8rem}.detail-price{font:800 1.8rem Archivo;color:var(--yellow)}.detail-copy{color:#a8b8ca;line-height:1.6}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.detail-tags span{background:#15314d;padding:6px 8px;border-radius:8px;font-size:.7rem}.account-row{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:13px 0;margin:15px 0}.toast{position:fixed;right:20px;bottom:20px;z-index:80;background:#123c2b;color:#7ef2b5;border:1px solid rgba(126,242,181,.25);padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:.85rem}
@media(max-width:1050px){.desktop-nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:10px 15px}.top-actions .ghost{display:none}.hero{grid-template-columns:1fr;padding:55px 20px}.live-teaser{order:-1}.hero h1{font-size:4rem}.section,.radio-section,.how{padding:55px 20px}.grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters select{flex:1}.live-section{grid-template-columns:1fr;padding:55px 20px}.live-orb{max-width:320px;margin:auto}.benefits{grid-template-columns:1fr}.player{flex-wrap:wrap;align-items:flex-start}.station{min-width:0}.player>a{margin-left:0}.steps{grid-template-columns:1fr}.form-grid2,.form-grid3,.exchange-row{grid-template-columns:1fr}.preview{grid-template-columns:repeat(3,1fr)}footer{flex-direction:column}.desktop-nav{display:none}}