@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-bg:#0c1019;--secondary-bg:#080b12;--elevated-surface:#111723;--card-surface:#151b2a;--hover-state:#1d263a;--auth-bg:#05080c;--text-primary:#f5f7fb;--text-secondary:#aeb9c8;--text-muted:#738093;--accent-primary:#ff2a54;--accent-primary-hover:#ff476c;--accent-primary-rgb:255, 42, 84;--accent-secondary:#7ac9ff;--accent-warm:#f5b65b;--border-subtle:#ffffff0f;--border-strong:#ffffff1f;--success:#70d99b;--warning:#f5c76f;--danger:#ff6b7a;--shadow-soft:0 4px 20px #0003;--shadow-poster:0 8px 16px #00000040;--shadow-panel:0 12px 30px #0000004d;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--primary-bg)}body{background-color:var(--primary-bg);color:var(--text-secondary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}.app-container{padding-top:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;line-height:1.25}a,a:hover,a:focus,a:active{text-decoration:none!important}a{color:var(--text-primary);transition:var(--transition-smooth)}a:hover{color:var(--accent-primary)}strong{color:var(--text-primary);font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--card-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.highlight{color:var(--accent-primary);white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translateY(16px)}.reveal.active{opacity:1;transform:translateY(0)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.btn-lg{border-radius:10px;padding:12px 26px;font-size:16px}.btn-pre{background-color:var(--accent-primary);color:var(--text-primary)}.btn-pre:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--elevated-surface);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--hover-state)}.btn-outline-light{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0}.btn-outline-light:hover{border-color:var(--text-primary);background:#ffffff08}.navbar{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(1.5);background-color:#0b0f17a6;border:1px solid #ffffff12;border-radius:20px;align-items:center;width:calc(100% - 48px);max-width:1120px;height:68px;padding:0;transition:background-color .35s,box-shadow .35s,border-color .35s,top .35s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar.scrolled{background-color:#0b0f17e0;border-color:#ffffff1a;top:14px;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0a}.navbar__inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;padding:0 20px;display:grid}.navbar__logo{flex-shrink:0;justify-self:start;align-items:center;gap:9px;text-decoration:none;transition:opacity .2s;display:flex}.navbar__logo:hover{opacity:.85;color:var(--text-primary)}.navbar__logo img{border-radius:9px;width:auto;height:38px}.navbar__logo-text{color:var(--text-primary);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.navbar__logo-text span{color:var(--accent-primary)}.navbar a,.navbar a:hover,.navbar a:visited,.navbar a:active,.navbar a:focus{text-decoration:none}.navbar__links{align-items:center;gap:8px;height:38px;margin:0;padding:0;list-style:none;display:flex}.navbar__links li{align-items:center;height:100%;margin:0;padding:0;display:inline-flex}.navbar__link{color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border-radius:10px;justify-content:center;align-items:center;height:100%;padding:0 20px;font-size:15px;font-weight:500;line-height:normal;text-decoration:none;transition:color .18s,background-color .18s;display:inline-flex}.navbar__link:hover{color:var(--text-primary);background-color:#ffffff0d;text-decoration:none}.navbar__link.active{color:var(--text-primary);background-color:#ffffff12;text-decoration:none}.navbar__cta{color:var(--text-primary);cursor:pointer;letter-spacing:.01em;background:#ff2a541a;border:1px solid #ff2a5438;border-radius:12px;flex-shrink:0;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.navbar__cta i{color:var(--accent-primary);font-size:16px;transition:transform .2s}.navbar__cta:hover{color:var(--text-primary);background:#ff2a542e;border-color:#ff2a546b;text-decoration:none}.navbar__cta:hover i{transform:scale(1.15)}.navbar__tv-cta{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;background:#7ac9ff1a;border:1px solid #7ac9ff40;border-radius:12px;flex-shrink:0;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.navbar__tv-cta i{color:var(--accent-secondary);font-size:16px;transition:transform .2s}.navbar__tv-cta:hover{color:#fff;background:#7ac9ff33;border-color:#7ac9ff73;text-decoration:none;transform:translateY(-1px)}.navbar__tv-cta:hover i{transform:scale(1.15)}.navbar__hamburger{border:1px solid var(--border-subtle);cursor:pointer;z-index:1010;background:#ffffff0d;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;gap:5px;width:38px;height:38px;padding:7px;transition:background-color .18s,border-color .18s;display:none}.navbar__hamburger:hover{border-color:var(--border-strong);background:#ffffff14}.navbar__hamburger span{background-color:var(--text-secondary);transform-origin:50%;border-radius:2px;width:18px;height:1.5px;transition:transform .25s,opacity .25s,background-color .18s;display:block}.navbar__hamburger.open span{background-color:var(--text-primary)}.navbar__hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar__right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.navbar__mobile{display:none}#heading-content{background-image:linear-gradient(#0c101933,#0c101980),url(/images/header-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:140px 0 100px;position:relative;overflow:hidden}#heading-content:after{content:"";background:linear-gradient(to top, var(--secondary-bg), transparent);z-index:2;width:100%;height:120px;position:absolute;bottom:0;left:0}.big-intro-content{justify-content:space-between;align-items:center;gap:60px;display:flex}.bi-left{flex:1;max-width:620px}.bi-right{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.app-mockup-wrapper{width:100%;max-width:460px;height:520px;margin:0 auto;position:relative}.mockup-screen{aspect-ratio:9/18.5;background-color:var(--auth-bg);width:54%;transition:var(--transition-smooth);border:4px solid #ffffff14;border-radius:24px;position:absolute;overflow:hidden;box-shadow:0 15px 35px #00000080}.mockup-screen img{object-fit:cover;width:100%;height:100%;display:block}.mockup-back{z-index:1;opacity:.9;top:15%;left:8%;transform:rotate(-7deg)translateY(10px)}.mockup-front{z-index:2;top:5%;right:8%;transform:rotate(4deg)translateY(-10px);box-shadow:0 25px 50px #0009}.app-mockup-wrapper:hover .mockup-back{opacity:1;transform:rotate(-11deg)translate(-15px,10px)scale(.97);box-shadow:0 20px 45px #0009}.app-mockup-wrapper:hover .mockup-front{transform:rotate(7deg)translate(15px,-10px)scale(1.03);box-shadow:0 35px 70px #000c}.version-badge{background-color:#ff2a540f;border:1px solid #ff2a541f;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 12px;display:inline-flex}.badge-new{background-color:var(--accent-primary);color:var(--text-primary);letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:800}.version-text{color:var(--accent-primary);font-size:13px;font-weight:600}.heading{letter-spacing:-1.5px;margin-bottom:24px;font-size:52px;line-height:1.15}.description{color:var(--text-secondary);margin-bottom:40px;font-size:17px;line-height:1.7}.flex-btns{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.website-btn{border-radius:10px;color:#f5f7fb!important;background:#ff2a540f!important;border:1px solid #ff2a5426!important}.website-btn:hover{border-color:var(--accent-primary)!important;background:#ff2a541f!important}.website-btn i{color:var(--accent-primary);font-size:18px}.discord-stats-badge{color:var(--text-muted);gap:8px;font-size:12px;display:flex}.d-online{color:var(--success);align-items:center;gap:4px;display:flex}.d-online:before{content:"";background-color:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.section{background-color:var(--secondary-bg);padding:100px 0}.section-title{text-align:center;letter-spacing:-.5px;margin-bottom:16px;font-size:38px}.section-desc{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 60px;font-size:16px}.section-about{background-color:var(--primary-bg)}.content-x{align-items:center;gap:80px;display:flex}.content-x.reverse{flex-direction:row-reverse}.content-x .intro{flex:1;justify-content:center;display:flex}.content-x .intro img{border-radius:20px;max-width:100%;height:auto;max-height:420px}.content-x .text{flex:1.2}.content-x .text p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.7}.content-x .text p:last-child{margin-bottom:0}.section-features{background-color:var(--secondary-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.features-list{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.fl-item{background:var(--card-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:36px;transition:border-color .2s}.fl-item:hover{border-color:var(--border-strong)}.fl-icon{width:52px;height:52px;color:var(--accent-primary);background-color:#ff2a540f;border:1px solid #ff2a541f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:22px;display:flex}.fl-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.fl-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}.section-download{background-color:var(--primary-bg)}.dl-ul{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto;display:grid}.dlu-item{background:var(--card-surface);border:1px solid var(--border-subtle);text-align:center;border-radius:18px;flex-direction:column;align-items:center;padding:40px 32px;transition:border-color .2s;display:flex;position:relative}.dlu-item:not(.coming-soon):hover{border-color:var(--border-strong)}.dlu-icon{color:var(--accent-primary);background-color:#ff2a540d;border:1px solid #ff2a541a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:40px;display:flex}.dlu-title{color:var(--text-primary);margin-bottom:8px;font-size:19px;font-weight:700}.dlu-desc{color:var(--text-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.dlu-detail{width:100%;margin-top:auto}.dlu-btn{width:100%}.dlu-btn .btn{justify-content:center;width:100%}.dlu-btn-group{flex-direction:column;gap:10px;width:100%;display:flex}.dlu-split-btn{justify-content:center;gap:8px;width:100%;padding:11px 18px;font-size:14.5px}.btn-tag{letter-spacing:.3px;vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.btn-pre .btn-tag{color:#fff;background:#00000040}.btn-secondary .btn-tag{color:var(--text-muted);background:#ffffff14}.coming-soon{opacity:.55;background:#ffffff03}.coming-soon-badge{background-color:var(--elevated-surface);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.dlu-item.coming-soon .dlu-icon{color:var(--text-muted);background-color:#ffffff05;border-color:#ffffff0d}.coming-soon .btn{cursor:not-allowed!important}.coming-soon .btn:hover{background-color:var(--accent-primary)!important;color:var(--text-primary)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}#footer{background-color:var(--secondary-bg);padding:60px 0 40px}@media (width<=991px){.app-mockup-wrapper{max-width:340px;height:380px;margin-top:20px}.mockup-screen{border-width:3px;border-radius:18px}#heading-content{padding:140px 0 70px}.big-intro-content{text-align:center;flex-direction:column;gap:40px}.bi-left{max-width:100%}.heading{font-size:40px}.flex-btns{justify-content:center}.content-x{text-align:center;flex-direction:column;gap:40px}.content-x.reverse{flex-direction:column}.features-list{grid-template-columns:repeat(2,1fr)}.dl-ul{grid-template-columns:repeat(2,1fr);max-width:740px}}@media (width<=767px){.app-mockup-wrapper{max-width:290px;height:320px;margin:20px auto 0}.mockup-screen{border-width:2.5px;border-radius:14px}.app-container{padding-top:0}.navbar{border-radius:18px;width:calc(100% - 24px);height:62px;top:12px}.navbar__inner{grid-template-columns:auto 1fr;padding:0 14px 0 12px}.navbar__logo img{height:32px}.navbar__logo-text{font-size:19px}.navbar__links,.navbar__cta,.navbar__tv-cta{display:none}.navbar__hamburger{display:flex}.navbar__mobile-backdrop{-webkit-backdrop-filter:blur(12px);z-index:998;opacity:0;pointer-events:none;background:#04070da6;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.navbar__mobile-backdrop.open{opacity:1;pointer-events:auto}.navbar__mobile{-webkit-backdrop-filter:blur(28px);z-index:999;opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#ff2a5426,#0000 60%),radial-gradient(circle at 0 100%,#7ac9ff14,#0000 50%),#0e131df5;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:82px;left:14px;right:14px;overflow:hidden;transform:translateY(-16px)scale(.97);box-shadow:0 24px 64px -12px #000c,0 0 40px #ff2a541f,inset 0 1px 1px #ffffff26}.navbar__mobile.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.navbar__mobile-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.navbar__mobile-brand{align-items:center;gap:10px;display:flex}.navbar__mobile-brand img{object-fit:contain;border-radius:6px;width:24px;height:24px}.navbar__mobile-brand span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.navbar__mobile-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.navbar__mobile-close:hover{color:var(--text-primary);background:#ffffff24;transform:rotate(90deg)}.navbar__mobile-links{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.navbar__mobile-link{color:var(--text-secondary);background:0 0;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.navbar__mobile-link:hover,.navbar__mobile-link:focus{text-decoration:none}.navbar__mobile-link-icon{width:40px;height:40px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.navbar__mobile-link-label{flex:1;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:color .2s}.navbar__mobile-active-dot{background:var(--accent-primary);width:7px;height:7px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;flex-shrink:0}.navbar__mobile-link:hover{color:var(--text-primary);background:#ffffff0d}.navbar__mobile-link:hover .navbar__mobile-link-icon{color:var(--text-primary);background:#ffffff1a;transform:scale(1.05)}.navbar__mobile-link.active{color:#fff;background:#ff2a541a;border:1px solid #ff2a5433}.navbar__mobile-link.active .navbar__mobile-link-label{font-weight:600}.navbar__mobile-link.active .navbar__mobile-link-icon{color:var(--accent-primary);background:linear-gradient(135deg,#ff2a5459,#ff2a5426);border-color:#ff2a5466;box-shadow:0 4px 14px #ff2a5440}.navbar__mobile-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex}.navbar__mobile-tv-cta{color:#fff;background:linear-gradient(135deg,#7ac9ff38,#7ac9ff14);border:1px solid #7ac9ff59;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #7ac9ff1f}.navbar__mobile-tv-cta i{color:var(--accent-secondary);font-size:18px;transition:transform .25s}.navbar__mobile-tv-cta:hover{color:#fff;background:linear-gradient(135deg,#7ac9ff59,#7ac9ff26);border-color:#7ac9ff8c;box-shadow:0 8px 24px #7ac9ff40}.navbar__mobile-tv-cta:hover i{transform:scale(1.15)}.navbar__mobile-cta{color:#fff;background:linear-gradient(135deg,#ff2a5438,#ff2a5414);border:1px solid #ff2a5459;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #ff2a5426}.navbar__mobile-cta i{color:var(--accent-primary);font-size:18px;transition:transform .25s}.navbar__mobile-cta:hover{color:#fff;background:linear-gradient(135deg,#ff2a5459,#ff2a5426);border-color:#ff2a548c;transform:translateY(-1px);box-shadow:0 8px 24px #ff2a5447}.navbar__mobile-cta:hover i{transform:scale(1.2)}#heading-content{background-position:top;padding:clamp(160px,22vh,188px) 0 60px}.version-badge{margin-bottom:20px}.heading{letter-spacing:-.8px;margin-bottom:18px;font-size:34px;line-height:1.25}.description{max-width:520px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.65}.flex-btns{flex-direction:column;align-items:center;gap:14px;width:100%}.flex-btns .btn{border-radius:14px;justify-content:center;width:100%;max-width:360px;min-height:54px;margin-left:auto;margin-right:auto;font-size:15.5px;font-weight:600}.features-list{grid-template-columns:1fr}.dl-ul{grid-template-columns:1fr;max-width:400px}.dlu-item{padding:32px 20px}.section-title{font-size:30px}}.tv-auth-page{background-color:var(--primary-bg);min-height:100vh;padding:110px 0 80px;position:relative;overflow:hidden}.tv-auth-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.tv-auth-glow-top{filter:blur(50px);background:radial-gradient(circle,#ff2a541f 0%,#0c101900 70%);width:650px;height:450px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.tv-auth-glow-bottom{filter:blur(60px);background:radial-gradient(circle,#7ac9ff14 0%,#0c101900 70%);width:500px;height:400px;position:absolute;bottom:-100px;right:10%}.tv-auth-container{z-index:1;max-width:1140px;margin:0 auto;padding:0 20px;position:relative}.tv-auth-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tv-back-link{color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14.5px;font-weight:500;display:inline-flex}.tv-back-link:hover{color:#fff;border-color:var(--border-strong);background:#ffffff12;transform:translate(-3px)}.tv-badge{color:var(--accent-secondary);letter-spacing:.3px;background:#7ac9ff1a;border:1px solid #7ac9ff33;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.tv-auth-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:32px;display:grid}@media (width<=960px){.tv-auth-grid{grid-template-columns:1fr;gap:28px}}.tv-auth-card{background:var(--card-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:36px 32px;position:relative;overflow:hidden}@media (width<=576px){.tv-auth-card{border-radius:20px;padding:24px 20px}}.tv-card-header{text-align:center;margin-bottom:28px}.tv-device-icon-wrap{width:68px;height:68px;color:var(--accent-primary);background:linear-gradient(135deg,#ff2a5426,#7ac9ff26);border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:32px;display:flex;position:relative}.tv-pulse-ring{pointer-events:none;border:2px solid #ff2a544d;border-radius:26px;animation:2.4s infinite tvPulse;position:absolute;inset:-6px}@keyframes tvPulse{0%{opacity:.8;transform:scale(.96)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.8;transform:scale(.96)}}.tv-card-title{color:#fff;margin-bottom:10px;font-size:26px;font-weight:700}.tv-card-subtitle{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:14.5px;line-height:1.55}.tv-mode-tabs{border:1px solid var(--border-subtle);background:#00000040;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:26px;padding:5px;display:grid}.tv-mode-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.tv-mode-tab:hover{color:var(--text-primary)}.tv-mode-tab.active{background:var(--elevated-surface);color:#fff;border:1px solid #ffffff14;box-shadow:0 2px 10px #00000040}.tv-mode-tab.active i{color:var(--accent-primary)}.tv-alert{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.tv-alert-danger{color:#ffb3ba;background:#ff6b7a1f;border:1px solid #ff6b7a4d}.tv-alert-danger i{color:var(--danger);flex-shrink:0;margin-top:1px;font-size:18px}.tv-alert-content{flex:1}.tv-alert-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;transition:opacity .2s}.tv-alert-close:hover{opacity:1}.tv-form-body{flex-direction:column;gap:24px;display:flex}.tv-input-section{flex-direction:column;gap:8px;display:flex}.tv-input-label{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.tv-status-chip{border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.tv-status-chip.pending{color:var(--warning);background:#f5c76f1f;border:1px solid #f5c76f4d}.tv-status-chip.success{color:var(--success);background:#70d99b1f;border:1px solid #70d99b4d}.tv-pulse-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s infinite tvDotPulse}@keyframes tvDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.tv-code-box{border:1.5px solid var(--border-strong);transition:var(--transition-smooth);background:#080b12;border-radius:14px;align-items:center;display:flex;position:relative}.tv-code-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff2a5426}.tv-code-prefix{color:var(--text-muted);align-items:center;padding-left:18px;font-size:18px;display:flex}.tv-code-input{color:#fff;letter-spacing:2px;text-transform:uppercase;background:0 0;border:none;outline:none;width:100%;padding:16px 14px;font-family:Outfit,monospace;font-size:22px;font-weight:700}.tv-code-input::placeholder{color:#fff3;letter-spacing:1.5px;font-weight:500}.tv-code-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 16px;font-size:18px;transition:color .2s}.tv-code-clear:hover{color:#fff}.tv-input-hint{color:var(--text-muted);margin:0;font-size:13px}.tv-input-hint strong{color:var(--accent-secondary)}.tv-auth-section{padding-top:8px}.tv-google-cta-block{flex-direction:column;gap:14px;display:flex}.tv-google-btn{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:14px;width:100%;padding:16px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 14px #00000040}.tv-google-btn:hover:not(:disabled){background:#f7f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.tv-google-btn:active:not(:disabled){transform:translateY(0)}.tv-google-btn:disabled{opacity:.6;cursor:not-allowed}.tv-google-svg{flex-shrink:0}.tv-security-badge{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.tv-security-badge i{color:var(--success);font-size:14px}.tv-user-connected-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex}.tv-user-connected-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.tv-user-details-group{align-items:center;gap:14px;display:flex;overflow:hidden}.tv-user-avatar-large{object-fit:cover;border:2px solid var(--accent-primary);border-radius:50%;flex-shrink:0;width:48px;height:48px}.tv-user-details-text{flex-direction:column;display:flex;overflow:hidden}.tv-user-signed-badge{color:var(--accent-secondary);align-items:center;gap:5px;margin-bottom:2px;font-size:11px;font-weight:600;display:inline-flex}.tv-user-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.tv-user-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.tv-btn-switch{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tv-btn-switch:hover{color:#fff;border-color:var(--border-strong);background:#ffffff1a}.tv-btn-authorize{letter-spacing:.3px;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:15.5px;font-weight:700;display:flex}.tv-btn-authorize:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.tv-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite tvSpin}@keyframes tvSpin{to{transform:rotate(360deg)}}.tv-success-state{text-align:center;flex-direction:column;align-items:center;padding:16px 0;display:flex}.tv-success-icon-wrap{width:76px;height:76px;color:var(--success);background:#70d99b26;border:2px solid #70d99b66;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:42px;animation:.4s cubic-bezier(.175,.885,.32,1.275) tvPopIn;display:flex}@keyframes tvPopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tv-success-title{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.tv-success-msg{color:var(--text-secondary);margin-bottom:24px;font-size:14.5px}.tv-code-highlight{color:var(--accent-secondary);letter-spacing:1px;font-family:Outfit,monospace}.tv-user-pill{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:999px;align-items:center;gap:12px;margin-bottom:24px;padding:10px 18px;display:flex}.tv-user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.tv-user-info{text-align:left;flex-direction:column;display:flex}.tv-user-name{color:#fff;font-size:13.5px;font-weight:700;line-height:1.2}.tv-user-email{color:var(--text-muted);font-size:11.5px}.tv-connected-badge{color:var(--success);align-items:center;gap:4px;margin-left:8px;font-size:12px;font-weight:600;display:inline-flex}.tv-tv-ready-notice{text-align:left;background:#7ac9ff14;border:1px solid #7ac9ff33;border-radius:14px;align-items:center;gap:14px;width:100%;margin-bottom:28px;padding:16px 20px;display:flex}.tv-tv-ready-notice i{color:var(--accent-secondary);flex-shrink:0;font-size:26px}.tv-tv-ready-notice strong{color:#fff;margin-bottom:3px;font-size:14.5px;display:block}.tv-tv-ready-notice p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.tv-success-actions{flex-direction:column;gap:12px;width:100%;display:flex}.tv-btn-full{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:14.5px;font-weight:600;display:flex}.tv-auth-sidebar{flex-direction:column;gap:24px;display:flex}.tv-guide-card,.tv-benefits-card{background:var(--elevated-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:26px}.tv-guide-title,.tv-benefits-title{color:#fff;align-items:center;gap:8px;margin-bottom:20px;font-size:17px;font-weight:700;display:flex}.tv-guide-title i{color:var(--accent-primary)}.tv-benefits-title i{color:var(--accent-warm)}.tv-guide-steps{flex-direction:column;gap:18px;margin:0 0 20px;padding:0;list-style:none;display:flex}.tv-guide-step{align-items:flex-start;gap:14px;display:flex}.tv-step-number{width:28px;height:28px;color:var(--accent-primary);background:#ff2a5426;border:1px solid #ff2a5459;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:700;display:flex}.tv-step-content strong{color:#fff;margin-bottom:3px;font-size:14px;display:block}.tv-step-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.tv-guide-footer{border-top:1px solid var(--border-subtle);padding-top:16px}.tv-copy-btn{border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.tv-copy-btn:hover{color:#fff;border-color:var(--border-strong);background:#ffffff14}.tv-benefit-item{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.tv-benefit-item:last-child{margin-bottom:0}.tv-benefit-icon{width:36px;height:36px;color:var(--accent-secondary);background:#7ac9ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.tv-benefit-text strong{color:#fff;margin-bottom:2px;font-size:14px;display:block}.tv-benefit-text p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.45}