:root{--bg-0:#0a1428;--surface-1:#1a2d4d;--surface-2:#273a5f;--surface-3:#3a5580;--text-base:#fff;--text-muted:#a8b5c9;--text-light:#7a8597;--accent:#0047ff;--accent-light:#3d7cff;--accent-secondary:#00a878;--border-muted:#3a5580;--shadow-medium:#0000004d 0px 8px 8px;--shadow-heavy:#00000080 0px 8px 24px;--radius-card:16px;--radius-pill:9999px;--container:1200px;--gap:24px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1000px 800px at 50% 0%, #6366f114, transparent 60%), radial-gradient(800px 600px at 0% 100%, #ec48990f, transparent 70%), var(--bg-0);color:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}#root{min-height:100%}.radios-container{width:min(var(--container), calc(100% - 32px));gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;margin:0 auto;padding:60px 16px 40px;display:grid}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1b2de6;border-bottom:1px solid #6366f11a;padding:18px 16px;position:sticky;top:0}.header__container{width:min(var(--container), calc(100% - 0px));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header__branding{align-items:center;gap:12px;display:flex}.header__logo{align-items:center;gap:10px;display:flex}.logo-icon{font-size:28px}.header__logo h1{background:linear-gradient(135deg,#0047ff,#00a878);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:800}.header__subtitle{color:var(--text-light);margin:0 0 0 38px;font-size:12px}.header__nav{gap:16px;display:flex}.header__nav button{color:var(--text-muted);border:1px solid var(--border-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.header__nav button:hover{color:var(--text-base);border-color:var(--accent);background:#0047ff1a}.radioCard{border-radius:var(--radius-card);cursor:pointer;background:linear-gradient(135deg,#0047ff1a,#00a87814);border:1px solid #0047ff26;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.radioCard:hover{border-color:#0047ff66;transform:translateY(-4px);box-shadow:0 12px 24px #0047ff33,0 0 0 1px #0047ff26}.radioCard__imageContainer{aspect-ratio:1;background:var(--surface-2);width:100%;position:relative;overflow:hidden}.radioCard__imageContainer img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.radioCard:hover .radioCard__imageContainer img{transform:scale(1.08)}.radioCard__overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.radioCard:hover .radioCard__overlay{opacity:1}.radioCard__playButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0047ff,#00a878);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;transition:all .3s;display:flex;box-shadow:0 8px 16px #0047ff66}.radioCard__playButton:hover{transform:scale(1.1);box-shadow:0 12px 24px #0047ff80}.radioCard__content{flex-direction:column;gap:6px;padding:16px;display:flex}.radioCard__content h3{color:var(--text-base);margin:0;font-size:15px;font-weight:700;line-height:1.3}.radioCard__category{color:var(--text-light);margin:0;font-size:13px}.modal{z-index:1000;width:100%;height:100%;color:var(--text-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;top:0;left:0}.modal__content{border-radius:var(--radius-card);background:linear-gradient(135deg,#0047ff14,#00a8780d);border:1px solid #0047ff33;flex-direction:column;justify-content:center;align-items:center;width:min(520px,100%);padding:24px;display:flex;position:relative;box-shadow:0 24px 48px #0009,inset 0 0 0 1px #0047ff26}.modal-close{color:var(--text-muted);cursor:pointer;font-size:32px;transition:color .3s;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text-base)}.modal__content h2{text-align:center;width:100%;color:var(--text-base);margin:6px 0 16px;font-size:24px;font-weight:700}.modal__content p{text-align:center;width:100%;color:var(--text-muted);margin-top:12px;font-size:14px}.modal img{border:1px solid #0047ff26;border-radius:12px;width:min(360px,100%);height:auto;display:block}.icon{cursor:pointer;color:var(--accent);filter:drop-shadow(0 8px 16px #0047ff4d);margin-top:20px;font-size:56px;transition:all .3s}.icon:hover{filter:drop-shadow(0 12px 24px #0047ff66);transform:scale(1.1)}main{width:100%;min-height:calc(100vh - 80px)}.hero{background:linear-gradient(135deg,#0047ff14 0%,#00a8780d 100%);border-bottom:1px solid #0047ff1a;width:100%;padding:60px 16px}.hero__content{width:min(var(--container), 100%);max-width:600px;margin:0 auto}.hero__title{color:var(--text-base);background:linear-gradient(135deg,#fff,#a8b5c9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.2}.hero__description{color:var(--text-muted);margin:0 0 24px;font-size:18px;line-height:1.6}.hero__cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0047ff,#00a878);border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 8px 16px #0047ff4d}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0047ff66}.stations-section{width:100%;padding:60px 16px}.section-header{width:min(var(--container), 100%);margin:0 auto 40px}.section-header h2{color:var(--text-base);margin:0 0 8px;font-size:36px;font-weight:800}.section-header p{color:var(--text-muted);margin:0;font-size:16px}.categories-section{background:#0047ff0d;width:100%;padding:60px 16px}.categories-grid{width:min(var(--container), 100%);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:0 auto;display:grid}.category-card{background:linear-gradient(135deg,#0047ff14,#00a8780d);border:1px solid #0047ff26;border-radius:16px;padding:24px;transition:all .3s}.category-card:hover{background:linear-gradient(135deg,#0047ff26,#00a8781a);border-color:#0047ff4d;transform:translateY(-4px)}.category-icon{margin-bottom:16px;font-size:40px}.category-card h3{color:var(--text-base);margin:0 0 8px;font-size:18px;font-weight:700}.category-card p{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.5}.category-card a{color:var(--accent-light);font-weight:600;text-decoration:none;transition:color .3s}.category-card a:hover{color:var(--accent)}@media (width<=768px){.hero__title{font-size:32px}.hero__description{font-size:16px}.section-header h2{font-size:28px}.categories-grid{grid-template-columns:1fr}}