:root{--primary:#17366e;--primary-dark:#071a3c;--primary-light:#2958a5;--background:#f4f7fb;--text:#152038;--muted:#74809a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.navbar-radio{background:rgba(5,22,54,.96);backdrop-filter:blur(15px);padding:10px 0}.navbar-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff}.navbar-brand{line-height:1.05}.navbar-brand small{color:#9bb4df;font-size:.72rem}.navbar-nav .nav-link{color:rgba(255,255,255,.75);font-weight:500}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#fff}.hero{padding:90px 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(62,116,215,.45),transparent 35%),linear-gradient(135deg,#061634,#102d62 60%,#173f83)}.hero h1{font-size:clamp(2.7rem,7vw,5.2rem);font-weight:800;letter-spacing:-3px;line-height:.95}.hero h1 span{display:block;color:#8eb5ff}.hero h2{margin-top:18px;font-size:2rem;font-weight:300;letter-spacing:8px}.hero-text{max-width:580px;margin:25px 0 32px;font-size:1.08rem;color:#d2def5;line-height:1.8}.live-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);font-size:.78rem;font-weight:800;letter-spacing:1px}.live-dot{width:9px;height:9px;background:#ff334e;border-radius:50%;animation:pulse 1.4s infinite}.logo-card{max-width:430px;margin:auto;padding:25px;border-radius:35px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(20px)}.main-logo{width:100%;border-radius:25px}.btn-radio{border:0;padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,#2c63c1,#173a78);color:#fff;font-weight:700;box-shadow:0 10px 25px rgba(17,58,125,.25)}.btn-radio:hover{background:linear-gradient(135deg,#3975dc,#1c478f);color:#fff}.radio-section{padding:85px 15px}.player-card{position:relative;max-width:760px;overflow:hidden;padding:35px;border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(93,142,235,.3),transparent 28%),linear-gradient(145deg,#061630,#102c5b);box-shadow:0 30px 80px rgba(0,25,70,.24)}.player-top{display:flex;align-items:center;gap:18px}.station-logo{flex-shrink:0;width:85px;height:85px;overflow:hidden;border-radius:20px;background:#fff}.station-logo img{width:100%;height:100%;object-fit:cover}.station-info h3{margin:9px 0 3px;font-size:1.65rem;font-weight:800}.station-info p{margin:0;color:#a9bddf}.live-indicator{display:inline-flex;align-items:center;gap:7px;color:#ff7c8e;font-size:.72rem;font-weight:800;letter-spacing:1px}.live-indicator span{width:8px;height:8px;border-radius:50%;background:#ff3854}.equalizer{height:85px;margin:35px 0 25px;display:flex;justify-content:center;align-items:center;gap:8px;opacity:.65}.equalizer span{width:5px;border-radius:10px;background:linear-gradient(to top,#477de0,#9cbcff);animation:wave 1.1s ease-in-out infinite alternate}.equalizer span:nth-child(1){height:20%}.equalizer span:nth-child(2){height:45%;animation-delay:.1s}.equalizer span:nth-child(3){height:65%;animation-delay:.2s}.equalizer span:nth-child(4){height:85%;animation-delay:.3s}.equalizer span:nth-child(5){height:55%;animation-delay:.4s}.equalizer span:nth-child(6){height:90%;animation-delay:.5s}.equalizer span:nth-child(7){height:60%;animation-delay:.6s}.equalizer span:nth-child(8){height:75%;animation-delay:.7s}.equalizer span:nth-child(9){height:42%;animation-delay:.8s}.equalizer span:nth-child(10){height:25%;animation-delay:.9s}.equalizer.paused span{animation-play-state:paused}.player-controls{display:flex;align-items:center;gap:25px}.play-button{width:72px;height:72px;flex-shrink:0;border:0;border-radius:50%;background:#fff;color:#173e81;display:flex;justify-content:center;align-items:center;font-size:2.2rem;box-shadow:0 12px 35px rgba(0,0,0,.25);transition:.2s}.play-button:hover{transform:scale(1.06)}.volume-control{flex-grow:1;display:flex;align-items:center;gap:12px}.volume-control input{width:100%;accent-color:#84aef9}.player-status{margin-top:22px;color:#a9bcdb;font-size:.86rem}.community-section{padding:30px 15px 75px}.login-card{max-width:720px;padding:38px;background:#fff;border:1px solid #e3e8f1;border-radius:25px;text-align:center;box-shadow:0 15px 50px rgba(11,35,78,.08)}.login-icon{width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#edf3ff;color:#285db5;font-size:1.6rem}.login-card h3{font-weight:800}.login-card p{color:var(--muted)}.login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.social-login{min-height:52px;border-radius:12px;font-weight:700;border:1px solid #dde3ed;transition:.2s}.google-button{background:#fff;color:#333}.google-button:hover{background:#f8f9fb}.facebook-button{background:#1877f2;border-color:#1877f2;color:#fff}.facebook-button:hover{background:#1068da}.social-login i{margin-right:8px}.user-area{display:flex;align-items:center;gap:15px;text-align:left}.user-area img{width:52px;height:52px;border-radius:50%;object-fit:cover}.user-area small{color:var(--muted)}.firebase-notice{font-size:.9rem;color:#6e7890}.comments-section{padding:70px 15px 100px;background:#fff}.comments-container{max-width:780px}.section-heading{margin-bottom:35px}.section-heading span{color:#315fae;font-size:.75rem;font-weight:800;letter-spacing:2px}.section-heading h2{margin-top:7px;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-1px}.section-heading p{color:var(--muted)}.comment-form{margin-bottom:35px;padding:22px;border-radius:18px;background:#f7f9fc;border:1px solid #e4e9f1}.comment-form textarea{resize:none;border:0;padding:15px;background:#fff}.comment-form textarea:focus{box-shadow:0 0 0 3px rgba(48,99,190,.12)}.login-comment-message{padding:18px;border-radius:14px;text-align:center;color:#6e7890;background:#f5f7fa;border:1px dashed #d3dae5}.comment-card{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #ebedf2}.comment-avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;object-fit:cover}.comment-content{min-width:0}.comment-name{font-weight:800}.comment-date{margin-left:8px;color:#929aad;font-size:.74rem}.comment-message{margin-top:7px;color:#454f62;line-height:1.65;overflow-wrap:anywhere}.loading-comments{padding:40px 0;color:var(--muted);text-align:center}footer{padding:55px 0 25px;background:#06152f;color:#fff}.footer-brand{font-size:1.2rem;font-weight:800}footer p{margin:5px 0 0;color:#8499bd}footer hr{margin:35px 0 22px;border-color:rgba(255,255,255,.12)}.footer-social{display:flex;justify-content:center;gap:13px}.footer-social a{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.09);text-decoration:none}.copyright{color:#758aaa;font-size:.83rem}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,78,.4)}70%{box-shadow:0 0 0 10px rgba(255,51,78,0)}100%{box-shadow:0 0 0 0 rgba(255,51,78,0)}}@keyframes wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@media(max-width:767px){.hero{padding:65px 0}.hero h1{letter-spacing:-2px}.hero-text{margin-left:auto;margin-right:auto}.player-card{padding:23px;border-radius:22px}.station-logo{width:70px;height:70px}.station-info h3{font-size:1.25rem}.login-card{padding:27px 20px}.login-buttons{grid-template-columns:1fr}.player-controls{gap:15px}.play-button{width:64px;height:64px}}@media(max-width:380px){.player-top{align-items:flex-start}.station-logo{width:60px;height:60px}}