:root{--color-bg:#f9f9f9;--color-text:#1a1a1a;--color-accent:#4a90e2;--color-muted:#666;--color-light:#e0e0e0;--font-main:'Inter',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:auto;padding:1rem}.header{background:#fff;border-bottom:1px solid var(--color-light)}.header__inner{display:flex;justify-content:space-between;align-items:center}.logo{max-height:50px}.nav__menu{display:flex;gap:1.2rem;list-style:none}.nav__menu a{font-weight:600;color:var(--color-text);padding:.5rem;transition:color .3s ease}.nav__menu a:hover{color:var(--color-accent)}.main{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:2rem}.section{background:#fff;padding:1.5rem;border-radius:12px;display:flex;gap:1.5rem;align-items:flex-start;box-shadow:0 2px 5px rgba(0,0,0,.05)}.section img{width:150px;border-radius:8px}.section ul{margin-top:1rem;padding-left:1rem;list-style-type:disc}.menu-toggle{display:none;background:0 0;border:none;font-size:2rem;cursor:pointer;z-index:1100}.nav-mobile{position:fixed;top:0;right:-100%;width:250px;height:100%;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;display:flex;flex-direction:column;padding:2rem 1rem;z-index:1000}.nav-mobile.open{right:0}.nav-mobile .close-menu{align-self:flex-end;background:0 0;border:none;font-size:1.5rem;cursor:pointer;margin-bottom:1.5rem}.nav-mobile ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:none;z-index:999}.overlay.active{display:block}.radio-bar{position:fixed;bottom:0;left:0;width:100%;background:rgba(30,30,30,.85);backdrop-filter:blur(8px);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;box-shadow:0 -4px 12px rgba(0,0,0,.4);border-top-left-radius:12px;border-top-right-radius:12px;z-index:10000;transform:translateY(100%);opacity:0;transition:transform .5s ease,opacity .5s ease}.radio-bar.show{transform:translateY(0);opacity:1}.player-controls,.volume-container{display:flex;align-items:center;gap:.8rem}#playPauseBtn{background:0 0;border:none;cursor:pointer;padding:0}#playPauseBtn svg{width:28px;height:28px;fill:white;transition:transform .3s ease,filter .3s ease}.volume-icon svg{width:22px;height:22px}.volume-slider{width:120px;accent-color:#ff3385}.hidden{pointer-events:none;visibility:hidden}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle;opacity:0;transition:opacity .3s ease-in-out}.spinner.show{opacity:1}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn-listen{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#f05,#ff3385);color:#fff;font-size:1.1rem;padding:.9rem 1.5rem;border:none;border-radius:999px;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 12px rgba(255,0,85,.4);position:relative;overflow:hidden}.btn-listen:hover{background:linear-gradient(135deg,#ff3385,#f05);transform:scale(1.05);box-shadow:0 6px 16px rgba(255,0,85,.5)}.btn-listen svg{width:20px;height:20px;fill:white;transition:transform .3s ease,filter .3s ease}.btn-listen .icon{display:inline-block}.btn-listen.playing{background:linear-gradient(135deg,#00c853,#64dd17);box-shadow:0 6px 16px rgba(0,200,83,.6)}.btn-listen.playing svg{animation:pulse 1.2s infinite ease-in-out;filter:drop-shadow(0 0 6px rgba(0, 255, 100, .7))}.btn-listen:not(.playing) svg{animation:none;filter:drop-shadow(0 0 4px rgba(255, 255, 255, .4))}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.sidebar{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.sidebar h3{margin-bottom:1rem;color:var(--color-accent)}.footer{margin-top:3rem;padding:2rem 1rem;background:#fff;border-top:1px solid var(--color-light);text-align:center;color:var(--color-muted)}.footer nav{margin-bottom:1rem}.footer nav a{margin:0 .5rem;color:var(--color-muted);font-size:.9rem}.footer nav a:hover{color:var(--color-accent)}@media (max-width:768px){.main{grid-template-columns:1fr}.section{flex-direction:column;text-align:center}.section img{width:100%;max-width:300px;margin:auto}.nav__menu{flex-direction:column;align-items:center}}.menu-toggle{display:none;background:0 0;border:none;font-size:2rem;cursor:pointer}.nav-mobile{position:fixed;top:0;right:-100%;width:250px;height:100%;background:#fff;transition:right .3s ease;box-shadow:-2px 0 10px rgba(0,0,0,.2);padding:2rem 1rem;z-index:1050}.nav-mobile.open{right:0}.nav-mobile .close-menu{background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem;cursor:pointer}.nav-mobile ul{list-style:none;padding:0;margin-top:4rem;display:flex;flex-direction:column;gap:1rem}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:none;z-index:1040}.overlay.active{display:block}@media (max-width:768px){.menu-toggle{display:block;position:fixed;top:1rem;right:1rem;z-index:1100;background:0 0;border:none;font-size:2rem;cursor:pointer}.nav{display:none}.nav-mobile{z-index:1200}}.volume-container{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:.5rem}.volume-slider{width:120px}.main-hero{position:relative;height:100vh;background:url('images/s64w5kw66d9jzp137nr6dgu6r93armjn.webp') center center/cover no-repeat;display:flex;justify-content:center;align-items:center;color:#fff;font-family:var(--font-main);text-align:center}.overlay-dark{position:absolute;inset:0;background-color:rgba(0,0,0,.7);z-index:1}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:4rem;font-weight:900;margin-bottom:.5rem;line-height:1.2}@media (max-width:1024px){.hero-content h1{font-size:3rem}}@media (max-width:768px){.hero-content h1{font-size:2.2rem}}@media (max-width:480px){.hero-content h1{font-size:1.8rem}}.hero-content p{font-weight:600;margin-bottom:2rem;letter-spacing:.2em}.radiomax-info{background:#fff;padding:60px 20px;font-family:Inter,sans-serif;color:#1a1a1a}.radiomax-info .container{max-width:1200px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;margin-top:1px}.feature-item{position:relative;padding-left:10px}.feature-item .icon{font-size:28px;color:#ff5c00;margin-bottom:10px}.feature-item h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.feature-item p{font-size:1rem;color:#444}.feature-number{position:absolute;top:0;right:0;font-size:60px;font-weight:700;color:#f2f2f2;z-index:0}