*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#1118;color:#fff;min-height:100vh}

.tela-login{display:flex;align-items:center;justify-content:center;min-height:100vh}
.caixa-login{background:#1a1a1a;padding:30px;border-radius:8px;width:90%;max-width:400px}
.caixa-login h2{text-align:center;margin-bottom:20px;color:#e50914}
.caixa-login input{width:100%;padding:12px;margin:8px 0;background:#222;border:none;border-radius:4px;color:#fff}
.caixa-login button{width:100%;padding:12px;background:#e50914;border:none;border-radius:4px;color:#fff;font-weight:bold;margin-top:10px}
.erro{color:#ff4444;text-align:center;margin-bottom:10px}

header{background:#000;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222;flex-wrap:wrap;gap:10px}
header h1{color:#e50914;font-size:24px}
.menu-topo{display:flex;gap:10px}
.btn-add{background:#e50914;padding:8px 14px;border-radius:4px;text-decoration:none;font-weight:bold;font-size:14px}
.btn-sair{background:#444;padding:8px 14px;border-radius:4px;text-decoration:none;font-size:14px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;padding:30px;max-width:1600px;margin:0 auto}
.card{background:#1a1a1a;border-radius:6px;overflow:hidden;transition:transform .2s}
.card:hover{transform:scale(1.05)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer}
.card h3{padding:10px 8px;font-size:16px}
.cat{padding:0 8px 8px;font-size:13px;color:#aaa;display:block}
.acoes-card{padding:0 8px 10px;font-size:13px}
.acoes-card a{color:#e50914;margin-right:8px}

.player-box{max-width:1200px;margin:0 auto;padding:20px}
.player-box h2{margin:15px 0 10px}
.desc{color:#ccc}
.voltar{display:inline-block;margin:20px 30px;text-decoration:none;color:#e50914;font-weight:bold}

.form-box{max-width:600px;margin:30px auto;background:#1a1a1a;padding:25px;border-radius:8px}
.form-box h2{margin-bottom:20px;color:#e50914}
.form-box input,.form-box select,.form-box textarea{width:100%;padding:10px;margin:6px 0;background:#222;border:none;border-radius:4px;color:#fff}
.form-box button{padding:10px 20px;background:#e50914;border:none;border-radius:4px;color:#fff;font-weight:bold;margin-top:8px;cursor:pointer}