/* Telecinema Oficial - Full CSS */
.telecinema-login-page, html, body { height:100%; background:#000; font-family: "Poppins", sans-serif; }
.telecinema-login-page { display:flex; align-items:center; justify-content:center; padding:40px 10px; }
.telecinema-center { width:360px; background:linear-gradient(180deg,#070707,#0f1112); padding:34px; border-radius:12px; text-align:center; box-shadow: 0 10px 30px rgba(0,0,0,0.6); }
.telecinema-logo { width:220px; display:block; margin:0 auto 12px; }
.telecinema-center h2 { color:#00bfff; margin-bottom:18px; font-size:20px; letter-spacing:1px; }
.telecinema-center input { width:100%; padding:12px; margin-bottom:12px; border-radius:8px; border:1px solid #222; background:#0b0b0b; color:#fff; }
.telecinema-center button { width:100%; padding:12px; border-radius:8px; border:none; background:linear-gradient(90deg,#00bfff,#0066cc); color:#000; font-weight:700; cursor:pointer; }
.telecinema-msg { margin-top:12px; color:#ff6b6b; }

.telecinema-player-wrap { color:#e9f4ff; padding:18px; }
.tele-header { display:flex; align-items:center; justify-content:space-between; padding:8px 0; }
.tele-header .small { width:140px; }
.tele-user-info { text-align:right; font-size:14px; color:#cfefff; }

.tele-main { display:flex; gap:18px; margin-top:12px; }
.tele-side { width:320px; background:#071017; padding:12px; border-radius:8px; height:560px; overflow:auto; }
.tele-player-area { flex:1; background:#071017; padding:12px; border-radius:8px; min-height:560px; }
#tele_video { width:100%; height:460px; background:#000; border-radius:6px; }

.tabs { display:flex; gap:6px; margin-bottom:10px; }
.tab-btn { flex:1; padding:8px; background:#0b212c; border-radius:6px; border:none; color:#bfefff; cursor:pointer; }
.tab-btn.active { background:linear-gradient(90deg,#00bfff,#0066cc); color:#001b22; font-weight:700; }

.cat-title { font-weight:700; margin-top:10px; color:#dff7ff; }
.cat-list { list-style:none; padding-left:0; margin:6px 0 12px 0; }
.cat-list li { padding:8px; border-radius:6px; margin-bottom:6px; background:#0e1a1f; cursor:pointer; }
.cat-list li:hover { transform:translateX(6px); background:#12323a; }

.tele-selected-info h3 { margin:0 0 6px 0; }
.small { font-size:12px; color:#bfefff; }