.retro-tv{width:90vw;max-width:600px;min-width:320px;height:auto;aspect-ratio:3/2;margin:0 auto 40px;background:linear-gradient(145deg,#8b0000,#dc143c);border-radius:25px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.4);border:3px solid #8b0000;display:flex}.retro-tv svg{width:100%;height:100%;max-width:100%;min-width:280px}@media (max-width:1200px){.retro-tv{width:85vw;max-width:550px}}@media (max-width:768px){.retro-tv{width:90vw;max-width:500px;min-width:300px}.retro-tv svg{min-width:250px}}@media (max-width:480px){.retro-tv{width:95vw;max-width:400px;min-width:280px}.retro-tv svg{min-width:220px}}.detailed-content{padding:120px 0;background:#000;position:relative;overflow:hidden}.detailed-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,0,0,.08) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.06) 0%,transparent 60%)}.content-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.tv-screen-section{flex:2;padding:30px;display:flex;align-items:center;justify-content:center}.tv-screen{width:280px;height:210px;background:#000;border-radius:20px;position:relative;border:3px solid #cd5c5c;box-shadow:inset 0 0 20px rgba(0,0,0,.8);transition:all .5s ease}.tv-screen.off{background:#1a1a1a;box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.tv-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:white;opacity:0;transition:opacity .5s ease}.tv-screen:not(.off) .tv-content{opacity:1}.tv-slider{flex:1;position:relative;overflow:hidden}.tv-card{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transform:translateX(100%);transition:all .5s ease}.tv-card.active{opacity:1;transform:translateX(0)}.tv-card h3{font-size:1.2rem;margin-bottom:15px;color:#f00;font-weight:600}.tv-card p{font-size:.9rem;line-height:1.4;color:#ccc}.tv-screen::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.1) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,255,0,.1) 50%,transparent 100%);animation:tv-static .1s infinite;border-radius:17px}.tv-controls-section{flex:1;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}.power-switch{text-align:center;margin-bottom:20px}.power-label{color:#333;font-size:.8rem;font-weight:700;margin-bottom:5px;display:block}.power-button{width:40px;height:20px;background:#333;border-radius:10px;margin:0 auto;position:relative;border:2px solid #555;cursor:pointer;transition:all .3s ease}.power-button.active{background:#0f0;box-shadow:0 0 10px rgba(0,255,0,.5)}.control-dial{text-align:center;margin:20px 0}.dial-outer{width:100px;height:100px;background:linear-gradient(145deg,#8b0000,#dc143c);border-radius:50%;margin:0 auto;position:relative;border:3px solid #cd5c5c;box-shadow:inset 0 0 15px rgba(0,0,0,.3);transition:all .5s ease;user-select:none;transform-origin:50% 50%}.dial-inner.card-0{transform:translate(-50%,-50%) rotate(0deg)}.dial-inner.card-1{transform:translate(-50%,-50%) rotate(-90deg)}.dial-inner.card-2{transform:translate(-50%,-50%) rotate(-180deg)}.dial-inner.card-3{transform:translate(-50%,-50%) rotate(-270deg)}.dial-inner{width:60px;height:60px;background:linear-gradient(145deg,#cd5c5c,#dc143c);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial-indicator{width:4px;height:30px;background:#8b0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}.dial-number{position:absolute;color:white;font-size:.8rem;font-weight:700;padding:2px 6px;cursor:pointer;transition:all .3s ease}.dial-top{top:-35px;left:50%;transform:translateX(-50%)}.dial-right{top:50%;right:-35px;transform:translateY(-50%)}.dial-bottom{bottom:-35px;left:50%;transform:translateX(-50%)}.dial-left{top:50%;left:-35px;transform:translateY(-50%)}.speaker-grills{margin-top:20px}.grill-row{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.grill-slot{width:3px;height:15px;background:#333;border-radius:1px}.grill-row.horizontal .grill-slot{width:15px;height:3px}@media (max-width:768px){.retro-tv{width:400px;height:300px;flex-direction:column}.tv-screen{width:200px;height:150px}.retro-tv-content h2{font-size:2rem}}