/* VVSTV Web Design — abgestimmt auf LG webOS Player 1.0.92 */
:root{--vv-dark:#060b13;--vv-navy:#081625;--vv-panel:#101e2b;--vv-mint:#34d399;--vv-lime:#a3e635;--vv-cyan:#22d3ee;--vv-text:#edfcff;--vv-muted:#aabecb;--vv-border:rgba(52,211,153,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 65% 42% at 15% -10%,rgba(26,130,111,.26),transparent 72%),radial-gradient(ellipse 55% 42% at 92% 15%,rgba(16,104,165,.17),transparent 70%),linear-gradient(155deg,#060b13,#091b2a 57%,#060e19)!important;min-height:100vh!important;color:var(--vv-text)!important;font-family:'Segoe UI',Inter,Arial,sans-serif!important;line-height:1.55}
header,header.topbar{background:rgba(6,20,34,.94)!important;min-height:88px!important;padding:12px clamp(18px,4.6vw,72px)!important;border-bottom:1px solid var(--vv-border)!important;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:15px}
.logo,header .logo,header a.logo{display:inline-flex!important;align-items:center!important;min-width:100px!important;height:67px!important;font-size:0!important;line-height:0!important;overflow:hidden;white-space:nowrap;text-decoration:none!important;background:none!important;-webkit-text-fill-color:initial!important;color:transparent!important}
.logo::before{content:'';display:block;flex:0 0 102px;width:102px;height:65px;background:url('/vvstv-logo.png') center/contain no-repeat;filter:drop-shadow(0 0 12px rgba(52,211,153,.25))}
.header-right{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px!important}
.back,header a:not(.logo){color:#b8d9df!important;font-weight:700!important;font-size:14px!important;text-decoration:none}
.back:hover,header a:not(.logo):hover{color:var(--vv-mint)!important}
.language-select,.language,select{background:#142638!important;color:#eefbff!important;border:1px solid rgba(114,180,197,.38)!important;min-height:45px;border-radius:12px!important;padding:10px 13px!important;outline:none}
.language-select:focus,.language:focus,select:focus{border-color:var(--vv-mint)!important;box-shadow:0 0 0 3px rgba(52,211,153,.15)}
main,.page{max-width:1210px!important;width:100%!important;margin:0 auto!important;padding:50px clamp(18px,4vw,56px) 74px!important}
main h1,.welcome h1{color:#f6ffff!important;font-size:clamp(30px,3.6vw,50px)!important;letter-spacing:-1.15px;font-weight:850;line-height:1.14}
main h2{color:#e5fff4!important;font-weight:800!important}
.subtitle,.description,.helper,.hint,.smallprint,.device-text{color:var(--vv-muted)!important;line-height:1.7!important}
.subtitle,.description{font-size:clamp(16px,1.35vw,19px)!important}
.card,.device-card,.status-card,.menu-card,.info-box,.step,.faq,.price-box,.meta-box,.playlist-card,.modal-card,.contact-box{background:linear-gradient(155deg,rgba(19,41,58,.98),rgba(11,25,42,.98))!important;border:1px solid var(--vv-border)!important;border-radius:22px!important;box-shadow:0 24px 65px rgba(0,0,0,.34)!important;color:var(--vv-text)!important}
.card{padding:clamp(22px,3vw,41px)!important}
.grid{gap:20px!important}
.menu-card,.playlist-card,.step,.faq,.feature{transition:transform .18s,border-color .18s}
.menu-card:hover,.playlist-card:hover,.step:hover,.faq:hover{transform:translateY(-2px);border-color:rgba(52,211,153,.66)!important}
.menu-icon,.icon,.number,.check{color:var(--vv-mint)!important}
.price{background:linear-gradient(93deg,#a3e635,#34d399,#22d3ee)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.badge,.license-badge,.type-badge{background:rgba(52,211,153,.13)!important;border:1px solid rgba(52,211,153,.35)!important;color:#abf4cf!important;border-radius:100px!important;padding:8px 13px!important}
.activate-btn,.activate-button,.pay-button,.connect-button,.save-button,.add-button,.contact-button,.button{background:linear-gradient(95deg,#a3e635,#34d399)!important;color:#08221c!important;border:1px solid rgba(173,247,148,.45)!important;border-radius:15px!important;font-weight:850!important;text-decoration:none!important;box-shadow:0 7px 25px rgba(52,211,153,.15)!important}
button,.button,.activate-btn,.pay-button,.connect-button,.save-button,.add-button{transition:filter .17s,transform .17s;cursor:pointer}
button:hover,.button:hover,.activate-btn:hover,.pay-button:hover,.connect-button:hover,.save-button:hover,.add-button:hover{transform:translateY(-1px);filter:brightness(1.06)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--vv-lime)!important;outline-offset:3px}
input,textarea{background:#081928!important;color:#f2ffff!important;border:1px solid rgba(108,171,194,.43)!important;border-radius:13px!important;min-height:48px;font-size:16px!important}
input:focus,textarea:focus{outline:none!important;border-color:var(--vv-mint)!important;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
input::placeholder,textarea::placeholder{color:#859baa!important}
.field label,.label,.status-label,.meta-label{color:#d6f9ec!important;font-weight:750}
.message.info,.status,.note,.important,.example{background:rgba(7,28,46,.83)!important;border:1px solid rgba(52,211,153,.25)!important;border-radius:15px!important;color:#daf7ef!important}
.feature{background:rgba(59,101,123,.12)!important;border:1px solid rgba(113,180,179,.15)!important;border-radius:14px!important}
.feature .check{background:rgba(52,211,153,.12)!important;color:#a3e635!important}
.info-value,.info-title,.playlist-name,.feature-text{color:#e9f9ff!important}
.vvstv-page-home main{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(360px,.92fr);gap:clamp(26px,4vw,65px);align-items:center!important;max-width:1310px!important;justify-content:stretch!important;padding-top:64px!important}
.vvstv-page-home main>.card{width:100%!important;max-width:570px!important;justify-self:end;text-align:center!important;padding:38px 34px!important;border:1px solid rgba(52,211,153,.34)!important}
.vvstv-page-home .features{grid-template-columns:1fr 1fr!important;gap:11px!important}
.vvstv-page-home .feature{padding:12px!important}
.vvstv-page-home .feature-text{font-size:13px!important}
.vvstv-home-intro{max-width:630px}
.vvstv-eyebrow{display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:9px 14px;border:1px solid rgba(52,211,153,.34);background:rgba(52,211,153,.08);color:#adf4d7;font-size:12px;font-weight:850;letter-spacing:.1em}
.vvstv-eyebrow::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#a3e635;box-shadow:0 0 11px #34d399}
.vvstv-home-heading{font-size:clamp(41px,5.1vw,72px);font-weight:900;line-height:1.05;letter-spacing:-2.6px;margin:25px 0 22px}
.vvstv-home-heading span{background:linear-gradient(100deg,#a3e635,#34d399,#22d3ee);background-clip:text;-webkit-background-clip:text;color:transparent}
.vvstv-home-lead{font-size:clamp(17px,1.55vw,21px);color:#b9d0dc;max-width:595px;line-height:1.65}
.vvstv-quicklinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.vvstv-quicklinks a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 19px;border:1px solid rgba(91,205,181,.42);border-radius:13px;background:#143246;color:#e8fff5;text-decoration:none;font-weight:750;transition:transform .17s}
.vvstv-quicklinks a:first-child{background:linear-gradient(95deg,#a3e635,#34d399);color:#08211d!important;border-color:transparent}
.vvstv-quicklinks a:hover{transform:translateY(-2px)}
.vvstv-home-foot{margin-top:29px;color:#8dabb8;font-size:13px;line-height:1.7}
.vvstv-page-home .price{font-size:clamp(50px,5vw,68px)!important}
.vvstv-page-home main .card h1{font-size:clamp(24px,2vw,32px)!important}
.vvstv-page-connect .card,.vvstv-page-activate .card,.vvstv-page-payment-success .card,.vvstv-page-payment-cancel .card{max-width:660px!important;margin:0 auto!important}
.vvstv-page-activate main{display:flex!important;justify-content:center!important}
.vvstv-page-dashboard .welcome{margin-bottom:30px!important}
.vvstv-page-dashboard .menu-card{min-height:145px;padding:25px!important}
.vvstv-page-terms main,.vvstv-page-privacy main,.vvstv-page-support main{max-width:1100px!important}
.vvstv-page-terms .card,.vvstv-page-privacy .card{line-height:1.85!important}
.vvstv-site-footer{width:100%;max-width:1250px;margin:2px auto 0;padding:22px clamp(18px,4vw,56px) 35px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;color:#8babb9;font-size:13px;border-top:1px solid rgba(91,172,170,.22)}
.vvstv-site-footer a{color:#b3d3dc;margin-left:16px;text-decoration:none}
.vvstv-site-footer a:hover{color:#34d399}
@media(max-width:930px){.vvstv-page-home main{grid-template-columns:1fr!important;gap:30px}.vvstv-page-home main>.card{max-width:680px!important;justify-self:center}.vvstv-home-intro{max-width:750px}}
@media(max-width:600px){header,header.topbar{min-height:72px!important;padding:9px 16px!important}.logo,header .logo{min-width:80px!important;height:52px!important}.logo::before{width:80px!important;height:51px!important;flex-basis:80px!important}.header-right{gap:7px!important}.language-select,.language,select{max-width:155px;min-height:40px;font-size:13px!important;padding:8px!important}main,.page{padding:30px 16px 55px!important}.card{padding:23px 20px!important;border-radius:18px!important}.vvstv-home-heading{font-size:43px;letter-spacing:-1.6px}.vvstv-page-home main>.card{padding:25px 22px!important}.vvstv-page-home .features{grid-template-columns:1fr!important}.vvstv-site-footer{padding:22px 16px 30px;flex-direction:column;align-items:flex-start}.vvstv-site-footer a{margin:0 12px 0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}