body{
background:#0b0f17;
color:white;
font-family:Arial;
margin:0;
}

.container{
max-width:900px;
margin:auto;
padding:20px;
}

.post{
background:#1a2533;
border-radius:15px;
margin-bottom:30px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.4);
}

.video{
width:100%;
height:350px;
background:black;
display:flex;
align-items:center;
justify-content:center;
color:#aaa;
font-size:14px;
}

.post-content{
padding:15px;
}

.post-user{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}

.avatar{
width:35px;
height:35px;
border-radius:50%;
background:#ccc;
}

.post-title{
font-weight:bold;
margin-bottom:5px;
}

.post-desc{
color:#bbb;
font-size:14px;
margin-bottom:10px;
}

.actions{
display:flex;
align-items:center;
gap:10px;
}

.btn{
padding:6px 12px;
border-radius:15px;
border:none;
cursor:pointer;
font-size:12px;
}

.btn-link{
background:#2e3d50;
color:white;
}

.btn-detail{
background:#2e3d50;
color:white;
}

.platform{
margin-left:auto;
background:#1abc9c;
padding:5px 10px;
border-radius:10px;
font-size:12px;
}

.platform.youtube{
background:#e74c3c;
}

.platform.instagram{
background:#9b59b6;
}