.dj-banner-container{position:relative;width:100%;height:60vh;min-height:500px;overflow:hidden;background:var(--color-black);display:flex;align-items:flex-end;justify-content:center;padding-bottom:4rem;margin-top:4rem}.dj-banner-canvas{object-fit:cover;opacity:.5}.dj-banner-canvas,.dj-banner-container:after{position:absolute;top:0;left:0;width:100%;height:100%}.dj-banner-container:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,.8));pointer-events:none;z-index:1}.dj-banner-content{position:relative;z-index:2;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;padding:2rem;width:auto;max-width:500px;margin-left:auto;margin-right:2rem}.dj-name{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 4px 20px rgba(0,0,0,.5);margin:0}.dj-description{font-family:var(--font-primary);font-size:.85rem;color:#e0e0e0;max-width:300px;margin:0;font-weight:300;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.3}.live-radio-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:2px solid var(--color-accent-3);color:var(--color-white);padding:.6rem 1.5rem;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px rgba(237,28,36,.2);margin-top:.5rem;border-radius:4px}.live-radio-btn:hover{background:var(--color-accent-3);color:var(--color-white);box-shadow:0 0 40px rgba(237,28,36,.6);transform:translateY(-2px)}.live-indicator{display:block;width:10px;height:10px;background-color:var(--color-accent-3);border-radius:50%;box-shadow:0 0 10px var(--color-accent-3);animation:pulse-live 1.5s infinite}.live-radio-btn:hover .live-indicator{background-color:var(--color-white);box-shadow:0 0 10px var(--color-white)}@keyframes pulse-live{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}@media (max-width:768px){.dj-banner-container{height:50vh;min-height:400px;padding-bottom:1rem;align-items:flex-end;justify-content:center}.dj-banner-content{flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1rem 1.5rem;margin:0;max-width:100%;width:auto;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.6));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px 12px 0 0;border-top:1px solid rgba(237,28,36,.3)}.dj-name{font-size:1.1rem;margin:0;letter-spacing:.08em}.dj-description{font-size:.7rem;max-width:280px;line-height:1.3;opacity:.85;margin:0}.live-radio-btn{padding:.6rem 1.2rem;font-size:.75rem;margin:0;gap:.5rem}.live-indicator{width:7px;height:7px}}