@import url(https://fonts.bunny.net/css?family=Nunito);:root{--primary-color:#0a0a24;--secondary-color:#151538;--accent-color:#e30613;--text-color:#fff;--gray-light:#f5f5f5;--gray-medium:#ddd;--gray-dark:#333}body{font-family:Segoe\ UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--primary-color);color:var(--text-color);overflow-x:hidden;margin:0;padding:0}header{background-color:var(--primary-color);box-shadow:0 2px 10px #0003;padding:.5rem 1rem;z-index:1000}.navbar-brand img{max-height:30px}.nav-link{font-weight:500;padding:.5rem 1rem;margin:0 .25rem;transition:color .3s ease}.nav-link.active{border-bottom:2px solid var(--accent-color)}.search-form .form-control{background-color:#ffffff1a;border:none;color:var(--text-color);border-radius:20px 0 0 20px}.search-form .btn{border-radius:0 20px 20px 0;background-color:#ffffff1a;border:none}.user-profile img{width:32px;height:32px;cursor:pointer;transition:transform .2s ease}.user-profile img:hover{transform:scale(1.1)}.main-content{padding-top:80px;padding-bottom:100px}.section-title{font-size:2.1rem;font-weight:700;margin:1.5rem 0;padding-left:1rem}.region-section{margin-bottom:2rem;position:relative}.region-header{display:flex;align-items:center;margin-bottom:1rem;padding-left:1rem}.region-header h2{font-size:1.25rem;font-weight:600;margin:0}.region-arrow{margin-left:.5rem;font-size:1rem;display:flex;align-items:center}.radio-carousel-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.radio-carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;padding:1rem;scrollbar-width:none;-ms-overflow-style:none;gap:1rem}.radio-carousel::-webkit-scrollbar{display:none}.carousel-control{background-color:#ffffff1a;border:none;border-radius:8px;width:32px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;transition:background-color .3s ease}.carousel-control:hover{background-color:#fff3}.carousel-control-prev,.carousel-control-next{position:static}.radio-card{min-width:160px;max-width:160px;margin-right:1rem;transition:transform .3s ease}.radio-card:hover{transform:translateY(-5px)}.radio-logo-container{position:relative;width:100%;aspect-ratio:1;background-color:#fff;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.radio-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:.5rem}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--accent-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;z-index:5}.radio-logo-container:hover .play-button{opacity:1}.play-button i{font-size:1.5rem;margin-left:3px}.radio-info{text-align:center;color:#fff}.radio-info h3{font-size:.9rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.radio-info a h3{color:#fff}.radio-info p{font-size:.8rem;color:var(--gray-medium);margin:0}.advertisement-banner{position:relative;margin:1.5rem auto;max-width:600px}.advertisement-banner img{width:100%;border-radius:8px}.ad-close-btn{position:absolute;top:5px;right:5px;background-color:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.ad-close-btn:hover{background-color:#000000b3}.image-banner{margin:2rem 0;overflow:hidden}.image-banner .d-flex{gap:.5rem;padding:0 1rem}.banner-img{width:100px;height:60px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.footer{background-color:var(--secondary-color);padding:2rem 0 1rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-logo{margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-links a{color:var(--text-color);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent-color)}.social-links{display:flex;justify-content:center;gap:1rem}.social-links a{color:var(--text-color);font-size:1.2rem;transition:color .3s ease}.social-links a:hover{color:var(--accent-color)}.copyright{margin-top:2rem;text-align:center;font-size:.8rem;color:var(--gray-medium)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--secondary-color);padding:.5rem 0;box-shadow:0 -2px 10px #0003;z-index:1000;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;color:var(--gray-medium);text-decoration:none;font-size:.7rem;padding:.5rem;transition:color .3s ease}.mobile-nav-item i{font-size:1.2rem;margin-bottom:.2rem}.mobile-nav-item.active{color:var(--accent-color)}.mobile-nav-item:hover{color:var(--text-color)}.custom-pagination{justify-content:center;margin-top:2rem}.custom-pagination .page-item .page-link{color:var(--accent-color);border-radius:50px;margin:0 4px;border:1px solid #dee2e6;transition:background .2s , color .2s}.custom-pagination .disabled>.page-link,.page-link.disabled{color:var(--gray-dark);pointer-events:none;background-color:var(--gray-dark);border-color:var(--bs-pagination-disabled-border-color)}.custom-pagination .page-item.active .page-link{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.custom-pagination .page-item.disabled .page-link{color:#ccc;background:#f8f9fa}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(131px,1fr));gap:50px;padding:20px;margin:0 auto}.grid-item{background-color:#2c3e50;border-radius:15px;padding:20px;color:#ecf0f1;text-align:center;transition:transform .3s ease , box-shadow .3s ease;height:156px;width:156px;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.grid-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.grid-item-content{display:flex;flex-direction:column;gap:5px}.grid-item h3{margin:0;font-size:1.5rem}.grid-item p{margin:10px 0 0;font-size:.9rem;color:#bdc3c7}@media (max-width:767.98px){.navbar-brand img{max-height:24px}.search-form{display:none!important}.user-profile{margin-left:auto}.main-content{padding-top:70px;padding-bottom:80px}.section-title{font-size:1.8rem;margin:1rem 0}.region-header h2{font-size:1.2rem}.radio-card{min-width:130px;max-width:130px}.footer{padding-bottom:5rem}.footer-links{margin-top:1rem;margin-bottom:1rem}.footer-links a{font-size:.8rem}.social-links{margin-top:1rem}.copyright p{font-size:.7rem}.mobile-nav{display:flex}}@media (min-width:768px) and (max-width:991.98px){.radio-card{min-width:140px;max-width:140px}.search-form .form-control{width:150px}}@media (min-width:992px){.search-form .form-control{width:220px}.radio-carousel-container:hover .carousel-control{opacity:1}.carousel-control{opacity:0;transition:opacity .3s ease}}@media (min-width:1200px){.container-fluid{max-width:1400px}.radio-card{min-width:180px;max-width:180px}}:root{--player-bg:rgba(10,10,36,.85);--player-accent:#e30613;--player-text:#fff;--player-secondary:rgba(255,255,255,.7);--player-border:rgba(255,255,255,.1);--player-shadow:0 8px 32px rgba(0,0,0,.3);--player-gradient:linear-gradient(135deg,rgba(227,6,19,.7),rgba(10,10,36,.9))}.audio-player-container{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--player-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--player-shadow);border-top:1px solid var(--player-border);padding:.75rem 1rem;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.audio-player-container.show{transform:translateY(0);display:block}@media (max-width:767.98px){.audio-player-container{bottom:60px}}.audio-player{display:flex;align-items:center;justify-content:space-between;color:var(--player-text)}.station-info{display:flex;align-items:center;flex:1;min-width:0;margin-right:1rem}.station-logo{width:48px;height:48px;border-radius:8px;background-color:#fff;margin-right:.75rem;flex-shrink:0;padding:.25rem}.station-details{min-width:0}.station-name{font-weight:600;font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-frequency{color:var(--player-secondary);font-size:.8rem;margin:0}.player-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.control-button{background:none;border:none;color:var(--player-text);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s ease}.control-button:hover{background-color:#ffffff1a}.play-pause-button{background-color:var(--player-accent);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease , background-color .2s ease}.play-pause-button:hover{transform:scale(1.05);background-color:#ff0718}.audio-visualizer{display:flex;align-items:center;height:30px;gap:3px;width:100px;margin-left:1rem;margin-right:1rem}.visualizer-bar{flex:1;background-color:var(--player-accent);border-radius:1px;opacity:.7;animation:radio-wave 1.2s cubic-bezier(.4,0,.2,1) infinite}.visualizer-bar:nth-child(1){animation-delay:0s}.visualizer-bar:nth-child(2){animation-delay:.15s}.visualizer-bar:nth-child(3){animation-delay:.3s}.visualizer-bar:nth-child(4){animation-delay:.45s}.visualizer-bar:nth-child(5){animation-delay:.6s}@keyframes radio-wave{0%,to{height:6px}10%{height:18px}20%{height:30px}30%{height:40px}40%{height:30px}50%{height:18px}60%{height:6px}to{height:6px}}.visualizer-hidden .visualizer-bar{animation-play-state:paused;height:3px;opacity:.3}.volume-control{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.volume-icon{color:var(--player-secondary);font-size:1.2rem;width:24px;display:flex;justify-content:center}.volume-slider{-webkit-appearance:none;width:80px;height:4px;background:#fff3;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--player-accent);border-radius:50%;cursor:pointer;-webkit-transition:transform .2s ease;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--player-accent);border:none;border-radius:50%;cursor:pointer;-moz-transition:transform .2s ease;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.close-player{background:none;border:none;color:var(--player-secondary);cursor:pointer;margin-left:1rem;font-size:1.2rem;transition:color .2s ease}.close-player:hover{color:var(--player-text)}.extra-controls{display:flex;align-items:center}.favorite-toggle{background:none;border:none;color:var(--player-secondary);font-size:1.2rem;cursor:pointer;margin-left:1rem;transition:all .3s ease}.favorite-toggle:hover{color:var(--player-text)}.favorite-toggle.active{color:var(--player-accent);animation:heartbeat .3s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width:767.98px){.audio-visualizer,.volume-control{display:none}.station-info{flex:0 1 auto}.player-controls{flex:1;justify-content:flex-end}.control-button{width:36px;height:36px;font-size:1.2rem}.play-pause-button{width:40px;height:40px}}@media (min-width:768px) and (max-width:991.98px){.audio-visualizer,.volume-slider{width:60px}}.mini-player-toggle{position:fixed;bottom:80px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--player-gradient);color:#fff;display:none;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;box-shadow:var(--player-shadow);z-index:999;border:none;transition:transform .3s ease}.mini-player-toggle:hover{transform:scale(1.1)}.mini-player-toggle.show{display:flex;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loading-indicator{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--player-text);animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.station-loading .station-name:after{content:"...";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}.radio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.radio-logo-container,.radio-info{display:flex;flex-direction:column;align-items:center;justify-content:center}