*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color:#0f8;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:#0f8;text-decoration:none;transition:color .3s ease}a:hover{color:#00d4ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff}.app{min-height:100vh;background:#0a0a0a;position:relative}.header{padding:2rem;border-bottom:2px solid #00ff8833;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#0a0a0a,#0a0a0af2);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-section{display:flex;align-items:center;gap:1.5rem}.vu-meter{width:60px;height:40px;background:#0a0a0a;border:2px solid #00ff88;border-radius:4px;padding:4px;position:relative;overflow:hidden}.vu-meter-bar{height:100%;background:linear-gradient(90deg,#0f8,#fa0,#f08);transition:width .1s linear;box-shadow:0 0 10px #0f8}.header h1{font-size:2.5rem;font-weight:700;letter-spacing:.3rem;color:#0f8;text-shadow:0 0 20px #00ff8866;margin:0}.subtitle{font-size:.9rem;color:#0f88;text-transform:uppercase;letter-spacing:.2rem}.scan-indicator{font-size:1.2rem;color:#0f8;font-family:Courier New,monospace;padding:.5rem 1rem;border:2px solid #00ff88;border-radius:4px;background:#00ff881a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 5px #0f84}50%{box-shadow:0 0 20px #0f8}}.main-content{padding:2rem;max-width:1600px;margin:0 auto}.footer{height:100px;border-top:2px solid #00ff8833;background:#0a0a0a;position:relative;overflow:hidden}.signal-bars{display:flex;align-items:flex-end;height:100%;gap:2px;padding:1rem}.signal-bar{flex:1;background:linear-gradient(180deg,#0f8,#0f84);transition:height .1s ease;border-radius:2px 2px 0 0}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header h1{font-size:1.8rem}.logo-section{flex-direction:column;gap:.5rem}.main-content{padding:1rem}}.spectrum-analyzer{width:100%;height:500px;background:#0a0a0a;border:2px solid #00ff8844;border-radius:8px;position:relative;overflow:hidden;margin-bottom:3rem;box-shadow:0 0 30px #0f83;will-change:contents}.spectrum-analyzer canvas{width:100%;height:100%;display:block;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:transform}.analyzer-overlay{position:absolute;inset:0;pointer-events:none;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.frequency-display{background:#0a0a0ae6;border:2px solid #00ff88;border-radius:4px;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.freq-label{display:block;font-size:.7rem;color:#0f88;letter-spacing:.2rem;margin-bottom:.3rem}.freq-value{display:block;font-size:1.8rem;color:#0f8;font-weight:700;letter-spacing:.1rem;text-shadow:0 0 10px #00ff88}.signal-strength{background:#0a0a0ae6;border:2px solid #00ff88;border-radius:4px;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.strength-label{display:block;font-size:.7rem;color:#0f88;letter-spacing:.2rem;margin-bottom:.5rem}.strength-bars{display:flex;gap:4px;align-items:flex-end;height:30px}.strength-bar{width:8px;height:100%;background:#1a1a1a;border-radius:2px;transition:background-color .3s ease}.strength-bar.active{background:linear-gradient(180deg,#0f8,#0f84);box-shadow:0 0 5px #0f86}@media(max-width:768px){.spectrum-analyzer{height:300px}.analyzer-overlay{flex-direction:column;gap:1rem}.frequency-display,.signal-strength{padding:.8rem 1rem}.freq-value{font-size:1.4rem}}.frequency-bands{margin-bottom:3rem}.section-title{font-size:1.5rem;color:#0f8;letter-spacing:.3rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.title-indicator{color:#f08;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.title-line{flex:1;height:2px;background:linear-gradient(90deg,#00ff88 0%,transparent 100%)}.bands-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.band-item{background:#0a0a0acc;border:2px solid #00ff8844;border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.band-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s ease}.band-item:hover:before{left:100%}.band-item:hover{border-color:#0f8;box-shadow:0 0 20px #00ff884d;transform:translateY(-4px)}.band-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.band-frequency{font-size:1.2rem;font-weight:700;letter-spacing:.1rem;text-shadow:0 0 10px currentColor}.band-name{font-size:1rem;color:#0f8;text-transform:uppercase;letter-spacing:.15rem}.band-spectrum{display:flex;align-items:flex-end;height:60px;gap:2px;margin-bottom:1rem;background:#0a0a0a;border:1px solid #00ff8822;border-radius:4px;padding:4px}.spectrum-bar{flex:1;transition:all .3s ease;border-radius:2px 2px 0 0}.band-description{background:#00ff881a;border:1px solid #00ff8844;border-radius:4px;padding:1rem;margin-bottom:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.description-text{color:#0f8;font-size:.9rem;line-height:1.6;margin-bottom:.8rem}.portfolio-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#0f8;letter-spacing:.1rem;text-transform:uppercase}.indicator-dot{width:8px;height:8px;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor}}.band-filter{position:relative;height:4px;background:#1a1a1a;border-radius:2px;overflow:hidden}.filter-line{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#00ff8844 50%,transparent 100%)}.filter-marker{position:absolute;top:-2px;width:8px;height:8px;border-radius:50%;transition:all .5s ease;box-shadow:0 0 10px currentColor}@media(max-width:768px){.bands-container{grid-template-columns:1fr}.section-title{font-size:1.2rem}}.station-id{position:fixed;inset:0;background:#0a0a0a;z-index:1000;display:flex;align-items:center;justify-content:center;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.station-id-content{width:100%;max-width:800px;text-align:center;position:relative}.id-bars{display:flex;height:200px;margin-bottom:3rem;box-shadow:0 0 50px #00ff884d}.color-bar{flex:1;-webkit-animation:colorBarGrow .8s ease forwards;animation:colorBarGrow .8s ease forwards;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom}.color-bar:nth-child(1){animation-delay:.1s}.color-bar:nth-child(2){animation-delay:.2s}.color-bar:nth-child(3){animation-delay:.3s}.color-bar:nth-child(4){animation-delay:.4s}.color-bar:nth-child(5){animation-delay:.5s}.color-bar:nth-child(6){animation-delay:.6s}.color-bar:nth-child(7){animation-delay:.7s}@-webkit-keyframes colorBarGrow{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes colorBarGrow{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.id-info{-webkit-animation:fadeInUp .8s ease .8s backwards;animation:fadeInUp .8s ease .8s backwards}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.station-name{font-size:4rem;color:#0f8;letter-spacing:.5rem;margin-bottom:1rem;text-shadow:0 0 30px #00ff8866;font-weight:700}.station-tagline{font-size:1.2rem;color:#0f88;letter-spacing:.3rem;text-transform:uppercase;margin-bottom:2rem}.contact-email{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.1rem;padding:1rem 2rem;background:#00ff881a;border:2px solid #00ff88;border-radius:4px;display:inline-flex}.email-label{color:#0f88;letter-spacing:.2rem}.contact-email a{color:#0f8;font-weight:700;letter-spacing:.1rem}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);-webkit-animation:scanLine 2s linear infinite;animation:scanLine 2s linear infinite}@-webkit-keyframes scanLine{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(600px);transform:translateY(600px)}}@keyframes scanLine{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(600px);transform:translateY(600px)}}@media(max-width:768px){.station-name{font-size:2.5rem}.id-bars{height:150px}.contact-email{flex-direction:column;gap:.5rem}}.transmitter-info{background:#0a0a0acc;border:2px solid #00ff8844;border-radius:8px;padding:2rem;margin-bottom:2rem}.transmitter-header{display:flex;gap:2rem;margin-bottom:2rem}.transmitter-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;position:relative}.antenna{position:relative;width:60px;height:80px}.antenna-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:20px;background:#0f8;border-radius:4px;box-shadow:0 0 10px #0f86}.antenna-mast{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:4px;height:60px;background:linear-gradient(180deg,#0f8,#0f84);box-shadow:0 0 5px #0f8}.antenna-mast:before,.antenna-mast:after{content:"";position:absolute;top:10px;width:20px;height:2px;background:#0f8}.antenna-mast:before{left:-18px}.antenna-mast:after{right:-18px}.signal-wave{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:40px;border:2px solid #00ff88;border-radius:50%;animation:signalPulse 2s ease-in-out infinite}.signal-wave.wave-1{animation-delay:0s}.signal-wave.wave-2{animation-delay:.6s}.signal-wave.wave-3{animation-delay:1.2s}@keyframes signalPulse{0%{width:40px;height:40px;opacity:1}to{width:100px;height:100px;opacity:0}}.transmitter-details{flex:1}.transmitter-title{font-size:1.3rem;color:#0f8;letter-spacing:.2rem;margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.status-indicator{width:12px;height:12px;background:#0f8;border-radius:50%;animation:statusBlink 1.5s ease-in-out infinite;box-shadow:0 0 10px #0f8}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.transmitter-address{font-size:1.1rem;color:#0f8;margin-bottom:1.5rem;padding:.8rem 1.2rem;background:#00ff881a;border-left:4px solid #00ff88;border-radius:4px}.transmitter-status{display:flex;gap:2rem;flex-wrap:wrap}.status-item{display:flex;flex-direction:column;gap:.3rem}.status-label{font-size:.7rem;color:#0f88;letter-spacing:.15rem;text-transform:uppercase}.status-value{font-size:1.1rem;color:#0f8;font-weight:700;letter-spacing:.1rem}.broadcast-quality{margin-top:2rem;padding-top:2rem;border-top:1px solid #00ff8833}.quality-meter{display:flex;flex-direction:column;gap:1rem}.meter-label{font-size:.9rem;color:#0f88;letter-spacing:.2rem;text-transform:uppercase}.meter-bar{position:relative;height:30px;background:#0a0a0a;border:2px solid #00ff88;border-radius:4px;overflow:hidden}.meter-fill{position:absolute;top:0;left:0;width:85%;height:100%;background:linear-gradient(90deg,#0f8,#00d4ff,#0f8);animation:meterFlow 3s ease-in-out infinite;box-shadow:0 0 20px #0f86}@keyframes meterFlow{0%,to{width:85%}50%{width:90%}}.meter-markers{position:absolute;inset:0;display:flex;justify-content:space-between;padding:0 4px}.meter-marker{width:2px;height:100%;background:#0a0a0a80}.meter-value{font-size:1rem;color:#0f8;font-weight:700;letter-spacing:.1rem;text-align:right}@media(max-width:768px){.transmitter-header{flex-direction:column;align-items:center;text-align:center}.transmitter-status{justify-content:center}.status-item{align-items:center}}